使用jQuery設置<option>元素的文本

Question

使用jQuery，為給定的選擇值編輯選項文本的最佳方法是什么。

我知道我想編輯的選項的價值。 我以為它會像......

$('#select').val().$('option').html('New Text');

但我顯然遺漏了一些東西。

Answer 1

$('#select option[value="someValue"]').text("newText")

如果添加html內容，可以使用.html而不是.text 。

Answer 2

像這樣的東西？

$('#select').children('option').text('New Text');

有關選擇正確項目的更多信息，請查看選擇器 。 你可以做點什么

$('#select').children('option:first').text('New Text');

或者你可以使用

$('#select').children('option[value="thevalue"]').text('New Text');

如果你知道價值。

Answer 3

您可能正在尋找：selected selector和text（）方法：

$("#select option:selected").text("New Text");

Answer 4

這個可以幫助您獲得選項值，

$('#select_id').children('option[value="thevalue"]').text('New Text');

您可以使用prop()函數設置默認選擇的值。 舉一個例子在這里 。