Question

我希望有人会帮助我，这就是问题所在。我想要的只是在下拉列表中选择单个时，我希望该文本框中的数字乘以1，并且我是否在下拉列表中选择双倍它只会乘以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>

Answer 1

继续尝试。
变量值将包含您在select（下拉列表）中的值

<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>

选择是单身还是双人付费

1 个答案: