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的帮助下从自定义属性C设置test？ .attr()属性仅更改自定义属性test的属性，这是我不想要的。我想在选择字段中设置fooC。

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

Answer 1

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

尝试这种技巧。 Demo

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

Answer 2

您可以使用属性选择器来获取具有特定值的属性测试选项。

<强> Live Demo

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

Answer 3

只需在jquery中添加以下代码： -

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

它可能对你有帮助。

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

3 个答案: