用Jquery更新輸入值

Question

我有一個表單有幾個字段，其中一個應根據另一個字段的值更新。第一個值被POST到另一個URL，並且返回的值應該用於填充第二個字段。下面的代碼：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script>   
    function lookup(rid) { 
        $.get("/handler?rid=" + $("input#rid").val(), function(update_rid){ 
         $("#name").val(html(update_rid)); 
        }) 
       } 
    </script> 
     <form name="new_alert"> 
      <input type="text" name="rid" id="rid" onkeyup="lookup(this.value);"> 
      <br /> 
      <input type="text" name="name" id="name"> 
     </form> 

的POST工作正常，並且正確的數據從/投手，我證實了通過使測試和填充它使用$（「＃testdiv」）HTML（update_rid）返回;

所以看起來問題在於我試圖更新值的方式，但我無法超越。

Answer 1

內val()取出html()。

$.get("/handler?rid=" + $("input#rid").val(), function(update_rid){ 
    $("#name").val(update_rid); 
}); 

它仍然可能取決於從您的服務器返回的數據類型。

說明作者

保持低調！

替換您inline onkeyup handler與

$(function(){ 
    $('#rid').bind('keyup', function(){ 
     lookup($(this).val()); 
    }); 
}); 

Answer 2

除非您在某處定義了一個名爲html的函數，否則您應該在沒有它的情況下嘗試。

$("#name").val(update_rid);

Answer 3

我建議輸入是，

<input type="text" name="rid" id="rid"> 

然後jQuery的作爲

$('#rid').keyup(function(){ 
    var self = this 
    $.get("/handler?rid=" + self.value , function(update_rid){ 
      $("#name").val(update_rid); 
    }); 
})