HTML选择 - 使用JavaScript更改VALUE选定的选项 [英] HTML SELECT - Change selected option by VALUE using JavaScript

问题描述

 < 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 value ='car'> 1< / option>;`
  

从其值中选择相应的选项。就像我使用JavaScript执行 sel.value ='bike'类似的操作时，应选择 2 选项。

解决方案

您可以使用javascript选择值：

  document.getElementById（'sel'）。value ='bike'; 
  

DEMO

There can be many options in a SELECT dropdown.

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

I'm creating a Update Profile page where a user's profile is retrieved from the database and a form is shown with those values. When it comes to SELECTdropdown, there are many options. So, its tedious test all values

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

So, I want to have the corresponding option selected from its value. Like when I do something like sel.value = 'bike' using JavaScript the option 2 should be selected.

解决方案

You can select the value using javascript:

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

DEMO

这篇关于HTML选择 - 使用JavaScript更改VALUE选定的选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！