javascript - 除了选项之外，如何为 html 组合框赋值？

Question

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

例如，如果我有：

<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');