需要一個jquery函數來更改Div內容如果值> 1000

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> 

所以我想#LINK的內容改變，如果貸款投入超過1000，因爲他們鍵入

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的值發生變化時會觸發此操作。