Javascript 根据用户输入计算数字
我目前正在使用以下解决方案根据用户输入到两个表单字段中生成一个数字 所以,Javascript 根据用户输入计算数字,javascript,jquery,Javascript,Jquery,我目前正在使用以下解决方案根据用户输入到两个表单字段中生成一个数字 所以,n1/n2=n3 如何修改此选项以在下面单独的输入表单字段中显示输出(n3),而不是在纯文本中显示: 您应该使用.val() 将标签替换为输入并替换$(“#标签”)。文本(结果)带有$(“#标签”).val(结果) <input type="number" id="field1"> <input type="number" id="field2"> <input id=
n1/n2=n3
如何修改此选项以在下面单独的输入表单字段中显示输出(n3
),而不是在纯文本中显示:
您应该使用.val()
将
标签
替换为输入
并替换$(“#标签”)。文本(结果)代码>带有$(“#标签”).val(结果)代码>
<input type="number" id="field1">
<input type="number" id="field2">
<input id="result"></input>
<script>
$("#download, #contention").keyup( function(){
var n1 = $("#download").val();
var n2 = $("#contention").val();
var result = n1/n2;
$("#result").val(result);
});
</script>
$(“#下载,#竞争”).keyup(函数(){
var n1=$(“#下载”).val();
var n2=$(“#争用”).val();
var结果=n1/n2;
$(“#结果”).val(结果);
});
演示:
如果使用文本框,则可以获取文本框的值,也可以使用.val()
在你的
HTML
<input type="number" id="field1">
<input type="number" id="field2">
<span><input type="text" id="label" ></span>
@兰斯,不客气!但请接受答案!:)
<input type="number" id="field1">
<input type="number" id="field2">
<input id="result"></input>
<script>
$("#download, #contention").keyup( function(){
var n1 = $("#download").val();
var n2 = $("#contention").val();
var result = n1/n2;
$("#result").val(result);
});
</script>
<input type="number" id="field1">
<input type="number" id="field2">
<span><input type="text" id="label" ></span>
$("#field1, #field2").keyup( function(){
var n1 = $("#field1").val();
var n2 = $("#field2").val();
var result = n2/n1;
$("#label").val(result);
});