使用CSS更改select标签中的选项文本

时间:2016-06-08 09:08:15

标签: css select

我有一个选择标记,但我无权编辑该标记。

现在我该如何编辑选项文字?

例如:

<select>
   <option id="1">text 1</option>
   <option id="2">text 2</option>
   <option id="3">text 3</option>
</select>

更改为:

<select>
   <option id="1">text 1</option>
   <option id="2">text 8</option>
   <option id="3">text 3</option>
</select>

1 个答案:

答案 0 :(得分:1)

您必须在HTML中包含jQuery。然后,在HTML中添加此JS。

$(document).ready(function() {
    $('select[name=sel_test] option[id=2]').text('text 8');
});

JSFiddle

上的现场演示