Question

我有2个选择选项。现在，当用户选择选项时，我希望得到id select。例如：如果我选择了选项1，那么alert id="my_select1"如果我选择了MyOption2，那么alert id="my_select2"。我怎么能这样做？

<select id="my_select1">
  <option value="o1" id="id1">Option1</option>
  <option value="o2" id="id2">Option2</option>
</select>

<select id="my_select2">
  <option value="mo1" id="mid1">MyOption1</option>
  <option value="mo2" id="mid2">MyOption2</option>
</select>

Answer 1

＆＃13;

$('select').change(function() {

  alert($(this).attr('id'))//use attr() to get id
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="my_select1">
  <option value="o1" id="id1">Option1</option>
  <option value="o2" id="id2">Option2</option>
</select>

<select id="my_select2">
  <option value="mo1" id="mid1">MyOption1</option>
  <option value="mo2" id="mid2">MyOption2</option>
</select>

＆＃13;

使用.attr()获取id
使用$(this)获取进行更改的选择的ID

Answer 2

绑定更改事件处理程序并使用this.id获取事件触发选择标记的id。虽然您可以使用$(this).attr('id')获取id属性值。

＆＃13;

$('#my_select1,#my_select2').change(function() {
  alert(this.id)
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="my_select1">
  <option value="o1" id="id1">Option1</option>
  <option value="o2" id="id2">Option2</option>
</select>

<select id="my_select2">
  <option value="mo1" id="mid1">MyOption1</option>
  <option value="mo2" id="mid2">MyOption2</option>
</select>

＆＃13;

如何在用户选择选项时获取选择ID？

2 个答案: