使用jQuery更改选择框中的默认文本

Question

我有一个ID为' edit-field-service-line-tid '的选择框，其中默认值为默认文本' -Any- '。

该选择字段由drupal生成。 所以我想在jquery中将文本“ -Any-”更改为“成功案例”。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="edit-field-service-line-tid" name="field_service_line_tid" class="form-select"> <option value="All" selected="selected">- Any -</option> <option value="1">Retail</option> <option value="2">Big Data</option> <option value="3">Cloud</option> </select> 

Answer 1

尝试这个，

$('#edit-field-service-line-tid option[value="All"]').text('Success Stories');

它应该工作。

Answer 2

 $(function() { $('#edit-field-service-line-tid option:eq(0)').text('Success Stories'); }); 

 <scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <select id="edit-field-service-line-tid" name="field_service_line_tid" class="form-select"> <option value="All" selected="selected">--All--</option> <option value="1">Retail</option><option value="2">Big Data</option> <option value="3">Cloud</option> </select> 

Answer 3

只需通过id获得option的第一个元素并更改其文本。

按ID：

$($("#edit-field-service-line-tid option")[0]).text('Success Stories')

Answer 4

就像更改文本框一样，只需更改选择框的值即可

$("#selectboxid).val('selectvalue');

Answer 5

尝试这个

$(function(){
$('select option:contains("- Any -")').text('Success Stories');
});