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

在SELECTcombobox中可以有很多选项。

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

我正在创build一个更新configuration文件页面，从数据库中检索用户的configuration文件，并使用这些值显示一个表单。 说到SELECTcombobox，有很多选项。 所以，它繁琐和繁琐的testing所有的价值

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

所以，我想从它的值中select相应的选项。 就像当我使用JavaScript做sel.value = 'bike'类的东西时，应该select选项2 。

Answer 1

您可以使用javascriptselect值：

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

DEMO

Answer 2

如果你正在使用jQuery：

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

Answer 3

试试这个….

JSFIDDEL DEMO

使用JavaScript

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

使用jQuery

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

Answer 4

请参阅此处了解如何以多种方式进行操作： http : //javascriptstutorial.com/blog/selecting-dropdown-element-using-javascript-or-jquery/

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