获取选择ID onchange Jquery

Question

在我的应用程序中,我试图在访问onchange函数时获取选择框的id.这里有2个选择框,都指向相同的功能检查.如果选择这两个选择框,我可以获得选择框的ID.示例1和示例2.

<select id="example1" onchange='check()'>
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">three</option>
    <option value="4">four</option>
</select>Example 2 :
<select id="example2" onchange='check()'>
    <option id="1">one</option>
    <option id="2">two</option>
    <option id="3">three</option>
    <option id="4">four</option>
</select>

我的Jquery函数,但它只获得第一个选择框的id.

<script>
function check(){
 var id = $('select').attr('id');
 alert(id);
}
</script>

Answer 1

你需要使用$(this)

<script>
    function check(){
         var id = $(this).attr('id');
         alert(id);
    }
</script>

我建议你摆脱内联JavaScript(从select元素中删除onchange).然后使用此代码:

$("select").on("change", function() {
  var id = $(this).attr("id");
  alert(id);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="example1">
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">three</option>
    <option value="4">four</option>
</select>Example 2 :
<select id="example2">
    <option id="1">one</option>
    <option id="2">two</option>
    <option id="3">three</option>
    <option id="4">four</option>
</select>

编辑: 我假设您使用jQuery,因为您在问题中写了$('select').