0

我一直试图在没有运气的情况下将值插入输入字段。

$(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/

4

2 回答 2

1

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

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

演示：小提琴

于 2013-10-24T02:26:50.187 回答
0

阿伦的回答是正确的。但是，我还建议您在设置值之前进行一些验证。用户可能会尝试在该框中键入一些字母，或乘以 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?")
               }

     }

});

});
于 2013-10-24T02:34:39.120 回答