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

时间:2016-05-24 03:27:48

标签: javascript jquery

我有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>

2 个答案:

答案 0 :(得分:1)

&#13;
&#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;
&#13;
&#13;

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

答案 1 :(得分:0)

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

&#13;
&#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;
&#13;
&#13;