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

Question

我只是基本上想要将“选择”的第一个值更改为更有意义，如“选择类别”。这需要通过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

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

或

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

Answer 3

这很简单：

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

Updated fiddle

Answer 4

我假设您要更改第一个<option>的文字。

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

但是，我不确定为什么你需要用jQuery做这个。这个问题对我来说有点不清楚。