使用 JQuery 更改选择/选项下拉列表中的现有值 [关闭]

Question

我基本上只是想将“Select”的第一个值更改为更有意义，如“Select Category”。这需要通过 JQuery 来完成。

这里是 HTML

<select data-facet="field" id="ajax-facets" name="field_" class="form-select processed">
      <option value="0">Select</option>
      <option value="Do Something">Do Something</option>
      <option value="Did Something">Did Something</option>
</select>

我怎样才能通过 JQuery 做到这一点？

Answer 1

要更改文本：

$('option[value=0]').text('Select Category')

更改值：

$('option[value=0]').val('Select Category')

在（页面完成加载）之前更改它们

$(function(){
    $('option[value=0]').text('Select Category').val('Select Category')
})

Answer 2

我假设您想更改第一个 <option> 的文本。

$('option[value="0"]').text('Select Category');

但是，我不确定您为什么需要使用 jQuery 来执行此操作。这个问题对我来说有点不清楚。

Answer 3

这很简单：

$(function(){
    $("#ajax-facets option:first").text("Select Category");
});

Updated fiddle

Answer 4

$('#ajax-facets option:first').attr('value','meaningful');

或

$('#ajax-facets option[value=0]').attr('value','meaningful');