Question

这是下拉列表。我想要的是选择所选的选项id.THANKS IN ADVANCE。

        <select id="addbtype" name="addbtype" style="margin-bottom:0px;width:130px;">
            <option class='type_selected1' id='qtype_1'>restaurant</option>
            <option  id='qtype_2'>clothings</option>
            <option  id='qtype_8'>paints</option>
        </select>
        <script> 
        $('#addbtype option').click(function(){
            if(!$(this).hasClass('type_selected1')) 
            {
                var active_element = document.getElementsByClassName('type_selected1');
                $(active_element).removeClass('type_selected1');
                $(this).addClass('type_selected1');
            }
        });

        var qtid = $('.type_secelcted').attr('id').split('_')[1];
    </script>

Answer 1

您需要使用.change()下拉列表：

$('#addbtype').change(function(){
  if(!$(this).find(':selected').hasClass('type_selected1')) 
    {
    var active_element = document.getElementsByClassName('type_selected1');
    $(active_element).removeClass('type_selected1');
    $(this).addClass('type_selected1');
   }
});

<强> Working Fiddle

Answer 2

您使用此课程的内容是什么？如果仅将其用于样式，则不需要它并可以键入

#addtype option[selected] {
//here your css
}

如果您想获得选定选项的值 -

$('#addbtype').change(function(){ 
  var selectedValue = $(this).val();
});

对于所选选项的ID -

$('#addbtype').change(function(){ 
   var selectedItem = $(this).find(":selected");
   alert(selectedItem[0].id);
});

DEMO：http://jsfiddle.net/k4624/2/

Answer 3

试试吧，你可以得到“id”。

  $(document).ready(function(){
    qtid = ''
$('#addbtype').change(function(){

    $('#addbtype option').removeClass('type_selected1')
   var qtid = $(this).children(":selected").attr("id").split('_')[1]
 $(this).children(":selected").addClass('type_selected1')
});

$('#pickid').click(function(){


    alert($('.type_selected1').attr("id").split('_')[1])
});

    })

<强> HTML：

    <select id="addbtype" name="addbtype" style="margin-bottom:0px;width:130px;">
    <option class='type_selected1' id='qtype_1'>restaurant</option>
    <option  id='qtype_2'>clothings</option>
    <option  id='qtype_8'>paints</option>
</select>

<button id="pickid">pickid</button>

以下是演示链接http://jsfiddle.net/dhana36/ZuBAj/1/

Answer 4

试试这个

$("#addbtype").change(function () {

            alert($(this).children(":selected").attr("id"));
        });

jquery没有改变下拉元素类？

4 个答案: