jquery - 使用jquery加载jquery对话框后如何在下拉列表中设置一些文本

Question

这是我的下拉列表代码

<select id="timezone">
<option value="US">(GMT - 06:00)Central Time(US & Canada)</option>
<option value="India">(UTC + 05:30)Chennai,kolkatta,Mumbai,New Delhi</option>                    
</select>

我想将下拉列表中的文本更改为 (UTC + 05:30)Chennai,kolkatta,Mumbai,New Delhi，而不是基于 value 属性。我需要其他方法

问题修改： 打开我的jquery对话框时应该执行下拉代码的设置值..我应该在哪里编写设置下拉列表值的代码

请帮我

Answer 1

var theText = " (UTC + 05:30)Chennai,kolkatta,Mumbai,New Delhi";
$("#timezone option:contains(" + theText + ")").attr('selected', 'selected');

Answer 2

var city = "Chennai";
$('#timezone option:contains("'+ city +'")')[0].selected = true;

演示

Answer 3

尝试

$('#timezone').find('option:contains("Chennai,kolkatta,Mumbai,New Delhi")').prop('selected', true)

或尝试使用一个城市名称

$('#timezone').find('option:contains("New Delhi")').prop('selected', true)

演示：小提琴

Answer 4

$('#timezone')
.find('option:contains("Chennai,kolkatta,Mumbai,New Delhi")')
.prop('selected', true);

//or

$('#timezone')
.find('option[value="India")')
.prop('selected', true);

Answer 5

如果您使用以下代码会怎样：

$("#timezone").find("option").eq(1).html("new text");

1ineq实际上是option标签的索引。从 开始0。