我希望有人能帮助我解决这个问题,这就是问题所在。我想要的只是当在下拉列表中选择 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/