html选择下拉框 - jquery响应

时间:2011-08-17 20:41:18

标签: jquery

    <select id="showOption">
        <option id="1">All Friends</option>
        <option id="2">Friends who run</option>
        <option id="3">Friends who don't run</option>
    </select>

如何使用jQuery响应用户选择一个或另一个选项?什么是事件,源是什么样的?

对于我使用的按钮(#myButton).click(func()...

2 个答案:

答案 0 :(得分:3)

你会做这样的事情:

 $('#showOption').change(function()
 {
      var value = this.id;

      // Do Stuff
 });

当然,你的HTML在这里并不完美;你应该关联'value'属性的数据,而不是Id。

答案 1 :(得分:3)

该事件被称为change()Manual entry

$('#showOption').change(function() {
  //$(this).val() = The value of the select.
});