javascript选择元素

Question

我有一个这样的选择元素

<select name ="cars">
  <option value="frd"> Ford </option>
  <option value="hdn"> Holden </option>
  <option value="nsn"> Nissan </option>
</select>

我想用 javascript 将选择设置为“Holden”，而不是按值选择。我怎样才能做到这一点？

提前致谢

Answer 1

更新 评论后

使用以下通过文本找到选项并选择它

var optionlist = document.getElementById('cars').options;

for (var option = 0; option < optionlist.length; option++ )
{
  if (optionlist[option].text == 'Holden')
  {
    optionlist[option].selected = true;
    break;
  }
}

演示 http://jsfiddle.net/gaby/vQhfq/

---

原创

当没有为选项元素指定值属性时，它们假定值是文本。

我建议您使用一个 id，这样您就可以轻松找到该元素。

HTML

<select name ="cars" id="cars">
  <option> Ford </option>
  <option> Holden </option>
  <option> Nissan </option>
</select>

javascript

document.getElementById('cars').value = 'Holden';

(确保在创建选择元素后运行此代码)

演示 http://jsfiddle.net/gaby/Pwb5u/