如何为除选项之外的html组合框赋值？

Question

我在我的代码中使用了select标记，我想动态地为该下拉列表赋值，但我想为该值选择分配给该选择标记的其他表单选项

例如，如果我有：

<select id="city" name="city">
<option value"Solapur">Solapur</options>
<option value"Pune">Pune</options>
<option value"Delhi">Delhi</options>
<option value"Mumbai">Mumbai</options>
</select>

在jQuery的帮助下，我想将值分配给组合框而不仅仅是四个以上。

对于前。我想将城市分配为“Kolhapur”，而不是选项。

是否可以通过jQuery？

Answer 1

只需创建一个新选项并使用多个DOM插入方法插入它，具体取决于您要插入的位置：

var new_option = $('<option />', {value: 'Kolhapur', text: 'Kolhapur'});

$('#city').append(new_option);

或者您只想更改一个现有选项：

$('#city').find('option[value="Pune"]').val('Kolhapur').text('Kolhapur');