jquery - 如何判断是否标签被点击？

Question

我有这个，

<select id="rid" style="border: 1px solid #ccc;" name="rid">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
    <option value="6">Option 6</option>
</select>

在我的脚本中，我想知道是否正在选择或单击选项 1。我在这里尝试的是通过<option>'s 属性知道一个选项正在被单击value。如果单击了一个选项，我会alert()告诉我该选项正在被单击。我将如何在我的js脚本中做到这一点？

Answer 1

类似的东西

$('#rid').change(function() {
   alert($(this).val());
});

jsFiddle

或检查特定值，甚至在 onchange 之前

$(document).ready(function() {
    var rid = $('#rid');
    alertForOne(rid.val());
    rid.change(function() {
        alertForOne(rid.val());
    });

});

function alertForOne(val) {
    if (val == 1)
    alert('test');
}

jsFiddle

Answer 2

尝试这个，

现场演示

$('#rid').change(function(){
     alert($(this).val());
});

Answer 3

如果您关心点击而不是更改，请使用.click事件。

$('#rid').click(function () {
   if ($(this).val() == "1") {
      console.log("option 1 was clicked");
     //^- Using alert here would block the selection.
   }
});

以上基于OP中的内容-

如果单击了一个选项，我会 alert() 告诉我该选项正在被单击。

按照 -

我想知道例如选项 1 是否被选中或被点击。