HTML选择-使用JavaScript按值更改所选选项

选择下拉列表中可以有许多选项

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

---

因此，我想从它的值中选择相应的选项。例如，当我使用JavaScript执行类似于

sel.value='bike'

的操作时，应选择选项2。

您可以使用JavaScript选择值：

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

---

如果您使用的是jQuery：

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

试试这个

使用javascript

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

使用jQuery

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

---

您确定

value=“car”

并且文本是

1

，而不是相反吗？

代码是静态的还是从数据库之类的东西动态创建的？您想在服务器端选择它吗？为什么没有服务器端标记？请记住：您可以使用sel.value='bike'而不是document.getElementById（'sel'）。value@EduardoXavier，如果第一次运行“var sel=document.getElementById（'sel'）；”，那么是的，你可以。否则，不，你不能。如果元素只有

id

，唯一的方法是首先获取元素。但是，如果它具有

name

属性并且位于表单中，则可以使用

formelement.sel.value

。而@DenilsonSá这个问题是关于“id”的使用。你所说的关于表单和名称是正确的，但是当你说我不能以我提议的方式访问元素时，你完全错了。那么让我们做一些练习，看看这里：P干杯@爱德华多克萨维尔：我站在正确的立场上，你是对的！谢谢你指出这一点！：）然而，尽管很方便，但由于window对象的原因，依赖ID作为全局变量可能会导致代码混乱和不可读。考虑另一个开发人员（也许在一段时间后自己）阅读代码。

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

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