Question

I would like to detect dropdown lists on my page that the user didn’t change their values.
For this goal, I am trying to search for all the dropdown lists that the defaul value is still selected.

var t =  $("select[value='Select Team'] select:selected").attr("id");
alert(t);

The alert is: ‘undefined’

HTML code:

 <TMPL_LOOP DATA_ROLES>
        <tr id="<TMPL_VAR ID>">
            <td><select class="role2" id="role2_<TMPL_VAR ID>" name="role2_<TMPL_VAR ID>" title="The role of the employee"><TMPL_VAR ROLE></select></td>
            <td><input class="steps" id="steps_<TMPL_VAR ID>" type="text" name="steps_<TMPL_VAR ID>" size="5" title="Total amount of steps per month" value="<TMPL_VAR STEP>"></td>
            <td><input class="measurable_steps" id="measurable_steps_<TMPL_VAR ID>" type="text" name="measurable_steps_<TMPL_VAR ID>" title="Measurable steps" value="<TMPL_VAR MEASURABLE_STEP>"></td>
            <td><input class="steps_ratio" id="steps_ratio_<TMPL_VAR ID>" type="text" name="steps_ratio_<TMPL_VAR ID>" title="'Measurable steps' / 'Steps'" value="<TMPL_VAR STEPS_RATIO>%" readonly></td>
            <td style="text-align: center"><select class="reopen_rate" id="reopen_rate_<TMPL_VAR ID>" name="reopen_rate_<TMPL_VAR ID>" title="How many reopenes after closing the SI"><TMPL_VAR REOPEN></select></td>
            <td><select class="w4p" id="w4p_<TMPL_VAR ID>" name="w4p_<TMPL_VAR ID>"><TMPL_VAR W4P></select></td>
            <td><select class="team" id="team_<TMPL_VAR ID>" name="team2_<TMPL_VAR ID>"><TMPL_VAR TEAM></select></td>
            <td><input class="checkbox" id="checkbox_<TMPL_VAR ID>" type=checkbox></td>
            <td><input class="status2" id="status2_<TMPL_VAR ID>" type="hidden" name="status2_<TMPL_VAR ID>" value="<TMPL_VAR STATUS>"></td>
        </tr>
</TMPL_LOOP>

Can you please assist?

Thanks!

Answer 1

<select value='Select Team' id='select'>
    <option id='1'>1</option>
    <option id='2'>2</option>
    <option id='3' selected >3</option>
    <option id='4'>4</option>
</select>


var t =  $('option[value='+$("#select").val()+']').attr("id");
alert(t);

Also u can get like this

var t =  $("select option:selected").attr("id");
alert(t);

U can try here http://jsfiddle.net/BFMD4/1/