HTML SELECT-使用JavaScript按VALUE更改所选选项

HTML SELECT - Change selected option by VALUE using JavaScript

本文关键字：选项 VALUE SELECT- 使用 JavaScript HTML      更新时间：2023-09-26

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选项。

您可以使用javascript:选择值

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

演示

如果您使用的是jQuery:

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

试试这个。。。。

JSFIDDEL演示

使用javascript

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

使用jQuery

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

document.getElementById('drpSelectSourceLibrary').value = 'Seven';
相关文章：