如何在HTML中执行SELECT / OPTION？ （JavaScript的）

Question

假设我有这个：

<select id="myselect">
<option rel="a">1</option>
<option rel="b">2</option>
<select>

如何使用JQuery以便onchange $("#myselect")，我提醒选项的“rel”部分（不是1或2）

Answer 1

$("#myselect").change(function() {
    alert($(this).find("option:selected").attr("rel"));
});

Answer 2

这个怎么样？

$("myselect").change(function(){
  $(this).children("option:selected").each(function () {
            alert($(this).attr('rel');
          });
});

也适用于多个选择。

Answer 3

$("#myselect").change(function() {
    $("#myselect option:selected").each(function () {
        alert($(this).attr('rel'));
    });
});

简而言之，如果您的multiple="multiple"元素上有SELECT属性，我的代码也会有效，并提醒两个值。

Answer 4

选项元素不支持'rel'属性，您应该使用'value'属性为选项指定值。我确信jQuery可以比不受支持的属性更容易获取。