从 onclick 事件中选择 select 语句中的选项答案

【问题标题】：selecting an option in a select statement from onclick event从 onclick 事件中选择 select 语句中的选项
【发布时间】：2012-12-04 10:43:04
【问题描述】：

我想在选择菜单中选择一个选项，该选项基于从 onclick 调用的 javascript 函数。

看，用户可以选择 Bob 得到多少睫毛，但是如果用户点击按钮，它会从下拉列表中选择“1”。

基本上，我想根据 java 脚本事件设置下拉菜单的默认选项的值。这是我举了一个例子的jsfiddle。我已经尝试了 w3schools.com 存储库中的几乎所有事件，但我几乎放弃了。

  How Many lashes would Bob like? 
  <select id="lashes" name="lashes">
  <option value="five">5</option>
  <option value="four">4</option>
  <option value="three">3</option>
  <option value="two">2</option>
  <option value="one">1</option>
  <option value="zero">0</option>
  </select>

  <input type="button" value="Bob actually wants only 1 lashing" onclick="doit()">

  function doit() {
    document.getElementByID('lashes') = 'one';
  }

http://jsfiddle.net/pietbarber/H8Ctx/

另外，如果我可以摆脱它，我不想使用任何 javascript 库，所以没有 jsquery 或其他任何东西。

TL;DR - 我想单击该按钮并在单击该按钮时从下拉菜单中选择“1”。

【问题讨论】：

标签： javascript select

【解决方案1】：

最简单的方法是使用select 元素的selectedIndex 属性。

function doit() {
  //notice I changed .getElementByID to .getElementById
  document.getElementById('lashes').selectedIndex = 4;
}

You can test it here.

【讨论】：

当吉特！我是如此接近！谢谢您的帮助;这正是我所需要的。

【解决方案2】：

应该是

  function doit() {
      document.getElementById('lashes').value = 'one';
  }

【讨论】：