Question

我想在选择菜单中选择一个选项，基于从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”。

Answer 1

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

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

You can test it here.

Answer 2

应该是

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

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

2 个答案: