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>的属性value点击了一个选项。如果点击某个选项，我会alert()告诉我该选项被点击了。我将如何在js脚本中执行此操作？

Answer 1

类似的东西

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

jsFiddle

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

$(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

试试这个，

<强> Live Demo

$('#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中的内容 -

如果点击了某个选项，我会提醒（）告诉我该选项被点击的内容。

按照 -

我想知道是否正在选择或点击选项1。

如何确定是否单击了<option>标签？</option>

3 个答案: