如何使用Javascript更改下拉组合框值

时间:2013-10-31 07:50:49

标签: javascript jquery html forms

我知道这可能是一个简单的问题,但似乎无法在任何地方找到答案,我在我的网站上有一个表单,有多个表单元素,如组合框,文本,单选按钮,支票等,我的要求是当用户从下拉组合框中选择时更改这些表单元素的值,我已经成功地使用除组合框之外的所有表单元素实现了该功能,我似乎找不到任何方法来更改组合框的选项... < / p>

2 个答案:

答案 0 :(得分:2)

由于您包含了jQuery标记,

select.val(value);

其中select是jQuery select元素,value是值。

JSFiddle

<select>
    <option value="1">First option</option>
    <option value="2">Second option</option>
    <option value="3">Third option</option>
</select>

<script>
    $('select').val('2');
</script>

答案 1 :(得分:0)

可以将新选项添加​​到组合框中,如下所示

$('&lt; option value ='Value'&gt; Sample Value&lt; / option&gt;')。appendTo('#ComboId');

可以通过

选择下拉值

$( '#ComboId')VAL( '值');