Question

我一直试图在输入字段中插入一个没有运气的值。

$(document).ready(function () {
    $('.press').on('keyup', function () {
        $("input[id=result]").html(parseInt($('#inputone').val()) * parseInt($('#inputtwo').val()));
    });
});


<form id="myform">
    <input class="press" id="inputone" type="text"></input>
    <input class="press" id="inputtwo" type="text"></input>
    <input class="press" id="result" type="text"></input>
</form>
<div id="notform"></div>

无论我作为选择器尝试什么，我都无法将其输入到字段ID结果中。我尝试过#result，#myform #result，:input#result，"input[id=result]"和nada。但是当我把它放在表格之外的div中时它很好

http://jsfiddle.net/VfqRb/1/

Answer 1

要设置输入元素的值，您需要使用.val()而不是.html()

$("#result").val(parseInt(($('#inputone').val()) || 0) * (parseInt($('#inputtwo').val()) || 0));

演示：Fiddle

Answer 2

Arun的回答是正确的。但是，我还建议您在设置值之前进行一些验证。用户可能会尝试在该框中键入一些字母，或乘以0（您可能不关心，但仍然如此）。

如果没有别的，我建议采取以下措施：

     $(document).ready(function () {
     $('.press').on('keyup', function () {

      if ( ($('#inputone').val().length > 0) && ($('#inputtwo').val().length > 0) ) {


               var firstInput = parseInt($('#inputone').val());
               var secondInput = parseInt($('#inputtwo').val());

               if (!isNaN(firstInput) && !isNaN(secondInput) ) 
               {

                     $("#result").val(firstInput * secondInput);

               }

               else

               {
                      alert("Eh, how about some real numbers?")
               }

     }

});

});

按ID分类的Jquery输入选择器

2 个答案: