javascript - 如何在选择选项字段中选择特定的自定义属性？

Question

我正在修复旧 Web 应用程序中的一个可怕的错误。不幸的是，对于某些数据集，选项/选择列表中的值不是唯一的。但幸运的是，自定义属性 test 是唯一的。

所以我有以下 HTML 结构:

<select id="dropdown">
    <option value="1" test="A">fooA</option>
    <option value="2" test="B">fooB</option>
    <option value="2" test="C">fooC</option>
    <option value="2" test="D">fooD</option>
    <option value="2" test="E">fooE</option>
</select>

所以我想知道如何在 select/dropdown 字段中借助 Jquery 或 vanilla JS 从自定义属性 test 设置 C ？ .attr() 属性仅更改自定义属性 test 的属性，这是我不想要的。我想在选择字段中设置 fooC。

JSFiddle 链接尝试: http://jsfiddle.net/rnnfk/120/

Answer 1

首先您需要在 css attribute selector 的帮助下选择属性然后使用 attr() 添加 selected 属性.

尝试一下这个技术。 Demo

$('#dropdown option[test=C]').attr( "selected","selected");