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

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