JQuery在选择列表上设置所选属性

前端之家收集整理的这篇文章主要介绍了JQuery在选择列表上设置所选属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下html
<select id="dropdown">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>

我有字符串“B”所以我想设置所选的attrribute它,所以它将是:

<select id="dropdown">
    <option>A</option>
    <option selected="selected">B</option>
    <option>C</option>
</select>

我将如何在JQuery中这样做?

解决方法

如果你不介意修改HTML一点,以包括选项的value属性,你可以显着减少这样做的代码
<option>B</option>

<option value="B">B</option>

当您想要执行以下操作时,这将非常有用:

<option value="IL">Illinois</option>

有了这个,下面的jQuery会做出改变:

$("select option[value='B']").attr("selected","selected");

如果决定不包括value属性的使用,则需要循环浏览每个选项,并手动检查其值:

$("select option").each(function(){
  if ($(this).text() == "B")
    $(this).attr("selected","selected");
});

猜你在找的jQuery相关文章