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

Question

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>";`

所以,我想从其值中选择相应的选项.就像我sel.value = 'bike'使用JavaScript一样,应该选择选项2.

Answer 1

您可以使用javascript选择值:

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

请记住:您可以使用sel.value ='bike'而不是document.getElementById('sel'). (3认同)
@DenilsonSá这个问题是关于"id"的使用.你所说的关于形式和名称的内容很严格,但当你说我无法以我提出的方式访问元素时,你就完全错了.让我们做一些练习,看看这里https://jsfiddle.net/tub6f0Lg/:P欢呼! (3认同)
@EduardoXavier,如果你先运行'var sel = document.getElementById('sel');',那么是的,你可以.否则,不,你不能.如果元素只有`id`,唯一的方法是先获取元素.但是,如果它具有`name`属性并且它在表单内,则可以使用`formelement.sel.value`.http://www.w3.org/TR/html5/forms.html#the-form-element和http://www.w3.org/TR/html5/forms.html#dom-form-nameditem (2认同)

Answer 2

如果你使用jQuery:

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

Answer 3

试试这个....

使用javascript

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

使用jQuery

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