jquery - 如果值 > 1000，需要一个 Jquery 函数来更改 Div 内容

Question

对不起，我的 Jquery 很弱！

但这就是我所拥有的......

     $(function () {
              if (document.calc.loan.value > 1000)
              {
                  ("#link").value = "<a href='dump'></a>";
              }
              else {
                  ("#link").value = "<a href='dump2'></a>";
              }
     });

<form name=calc method=POST>
<input type=text name=loan id="amount" />
<div id="link"></div>
</form>

因此，如果 Loan Input 在键入时超过 1000，我希望更改 #link 的内容

Answer 1

只需.html()像下面这样使用来修改 div 的内容。

 $(function () {
     if (document.calc.loan.value > 1000) 
     {
        $("#link").html("<a href='dump'></a>");
     }
     else {
        $("#link").html("<a href='dump2'></a>");
     }
 });

你也失踪了$。改变('#link')->$('#link')

我只是注意到你想要他在输入字段中键入。在这种情况下，您需要一个onkeyup事件处理程序来检查输入框中输入的值。

$(function () {
      $('#amount').on('keyup', function () {
           var amount = parseFloat(this.value);

           if (!isNaN(amount) && amount > 1000) {
             $("#link").html("<a href='dump'></a>");
           } else {
             $("#link").html("<a href='dump2'></a>");
           }
      }); 
});

编辑：从更改onchange为onkeyup。

Answer 2

$('#amount').keyup(function() {
  var url = ($(this).val() > 1000) ? 'dump' : 'dump2';
  $('#link').attr('href', url);
});

这将在值amount更改时触发。