如何使用每个droplist chioce做不同的事情?HTML
我正在创建税务计算器,当用户从下拉列表选项中选择一个选项时,我希望创建一种方式,使每个选项在我的函数中使用不同的公式。因此,如果用户选择选项1,它将执行公式1,如果用户选择选项2,它将执行公式2,依此类推。我试过这么做,但每次都会迫使我做出最后的选择 您可以尝试类似的方法:如何使用每个droplist chioce做不同的事情?HTML,html,dropdownbox,dropdownchoice,Html,Dropdownbox,Dropdownchoice,我正在创建税务计算器,当用户从下拉列表选项中选择一个选项时,我希望创建一种方式,使每个选项在我的函数中使用不同的公式。因此,如果用户选择选项1,它将执行公式1,如果用户选择选项2,它将执行公式2,依此类推。我试过这么做,但每次都会迫使我做出最后的选择 您可以尝试类似的方法: <select id="test"> <option value=1>Sum</option> <option value=2>Difference<
<select id="test">
<option value=1>Sum</option>
<option value=2>Difference</option>
</select>
<script>
document.getElementById("test").onchange = function(){
var test = document.getElementById("test");
switch(test.options[test.selectedItem].value){
case 1:
add();
break;
case 2:
sub();
break;
}
}
</script>
您可以使用以下内容:
请在下面找到演示链接:
我希望这对你有帮助 我还在这个函数中做其他事情,所以当添加这一行时,您说的是document.getElementByIdtest.onchange=function{它会影响我在其中所做的其他事情吗>为什么不在该函数中添加这些东西呢?它不会工作吗?更改是从哪里来的?@user3630455'change'是一个jQuery内置事件函数,它调用或调用下拉列表中的更改/选择选项…我希望这能让你明白。我用演示链接w更新了我的答案它向您展示了更改是如何工作的。是和元素id选择器,用于选择,是一个html元素,用于对其执行js/jquery操作。在我们的案例中,myDropdownId是您选择的id下拉列表中,我已定义了“更改”事件,当用户从列表中选择选项时会调用该事件。我可以私下向您显示我的代码吗?I imp我知道你说的,但我得到的结果是一样的。
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<select id="myDropdownId">
<option value="">--choices--</option>
<option value="1" >formula 1</option>
<option value="2" >formula 2</option>
<option value="3" >formula 3</option>
<option value="4" >formula 4</option>
</select>
<script type="text/javascript">
$(document).on("change", "#myDropdownId", function() {
var actionId=$(this).val();
if (actionId==1) {
alert('formula 1');
//formula 1 goes here..
} else if (actionId==2) {
//formula 2 goes here..
} else if (actionId==3) {
//formula 3 goes here..
} else if (actionId==4) {
//formula 4 goes here..
} else {
alert('inavlid formula');
}
});
</script>