我想在选择菜单中选择一个选项,基于从 onclick 调用的 JavaScript 函数。
看,用户可以选择鲍勃获得多少睫毛,但如果用户单击该按钮,则会从下拉列表中选择“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”。
最佳答案
最简单的方法是使用 select
元素的 selectedIndex
属性。
function doit() {
//notice I changed .getElementByID to .getElementById
document.getElementById('lashes').selectedIndex = 4;
}
关于javascript - 从 onclick 事件中选择 select 语句中的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13695208/