javascript - 下拉选择单付还是双付

标签 javascript jquery html

我希望有人能帮助我解决这个问题,这就是问题所在。我想要的只是当在下拉列表中选择 single 时,我希望该文本框中的数字乘以 1,而无论我在下拉列表中选择 double,它只会乘以 2。提前感谢您的帮助。 :)

这也是我的代码,我想我们可以在这里使用 onchange 。但我不知道怎么办?再次感谢您的帮助。

<html>
<head>
<title>Sample</title>
</head>
<body>
<form>
Number:
<input type="text" id="fnum"/>
<br/><br/>
Type:
<select>
<option>Choose</option>
<option value="Single">Single</option>
<option value="Double">Double</option>
</select>
<br/><br/>
Result:
<input type="text" id="result" readonly/>
</form>
</body>
</html>

最佳答案

继续尝试这个。
变量值将包含您选择(下拉列表)中的值

<html>
<head>
<title>Sample</title>
<script src="http://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc=" crossorigin="anonymous"></script>
</head>
<body>
<form>
Number:
<input type="text" id="fnum"/>
<br/><br/>
Type:
<select>
<option>Choose</option>
<option value="Single">Single</option>
<option value="Double">Double</option>
</select>
<br/><br/>
Result:
<input type="text" id="result" readonly/>
</form>
<script>
$('document').ready(function(){
$('select').change(function(){
    var value = $('select').val();
    var fnum = $('#fnum').val();
    if(value == 'Single'){
       var result = fnum*1;
       $("#result").val(result);
    }
    else if(value == 'Double'){
       var result = fnum*2;
       $("#result").val(result);
    }
})
})
</script>
</body>
</html>

关于javascript - 下拉选择单付还是双付,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39672356/

相关文章:

javascript - 仅使用 Jquery 跳转到页面的各个部分

javascript - 向上滑动过渡

javascript - polymer 构建错误

javascript - onclick 不触发 jquery 中的所有代码

html - 如何使用 % 而不是 px 在谷歌地图中设置高度?

javascript - 使用高阶函数在数组中查找数组的索引?

javascript - 单击箭头将 5 个按钮的内容更改 +1 值

javascript - GridStack 项目高度和宽度(以像素为单位)

javascript - 单击事件不会触发默认操作

html - 裁剪出css图片容器