HTML SELECT - 使用JavaScript更改VALUE选定的选项

时间:2012-09-04 14:26:15

标签: javascript html html-select

SELECT下拉列表中可以有很多选项。

<select id="sel">
    <option value="car">1</option>
    <option value="bike">2</option>
    <option value="cycle">3</option>
    ...
</select>

我正在创建一个更新个人资料页面,其中从数据库中检索用户的个人资料,并显示包含这些值的表单。在SELECT下拉列表中,有很多选项。所以,它繁琐的测试所有值

if (value == '1')
    echo "<option selected value='car'>1</option>";`

所以,我希望从其值中选择相应的选项。就像我使用JavaScript执行sel.value = 'bike'之类的操作一样,应该选择 2 选项。

4 个答案:

答案 0 :(得分:100)

您可以使用javascript:

选择值
document.getElementById('sel').value = 'bike';

DEMO

答案 1 :(得分:37)

如果您使用的是jQuery:

$('#sel').val('bike');

答案 2 :(得分:9)

试试这个......

JSFIDDEL DEMO

使用javascript

​document.getElementById('sel').value = 'car';​​​​​​​​​​

使用jQuery

$('#sel').val('car');

答案 3 :(得分:1)

document.getElementById('drpSelectSourceLibrary').value = 'Seven';