javascript - 无法使用 jquery 按值获取选择选项

Question

我有一个选择输入。我想通过它的值来选择一个选项。当我运行此代码时:

$('#monthYear').click(function(){
  op = $('#monthYear option[value="x"]');
  $(op).css('color','red');
});

什么也没发生，所以我跑了:

console.log(op.value);

它返回:未定义。谁能看到我做错了什么吗？看看这个jsfiddle 。谢谢

html

<select id = "monthYear">
  <option>x</option>
  <option>y</option>
  <option>z</option>
</select>

Answer 1

试试这个。 Here's the JSFiddle .

$('#monthYear').click(function(){
    op = $('#monthYear option[value="x"]');
    $(op).css('color','red');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="monthYear">
    <option value="x">x</option>
    <option value="y">y</option>
    <option value="z">z</option>
</select>

我不确定这是否是您想要的。我所做的只是添加 value属性到您的<option> s。您的 jQuery 选择器之前无法工作。