如何將jQuery值傳遞給文本框？

Question

我有一個函數

$(function(){ 
    $("#divcalendarcolor a").click(function(){ 
     var key = $(this).attr("key"); 
     alert(key); 
     //$('input:textbox').val(key); 
     //$('input[id=RemainderColor').val($('#divcalendarcolor a').val()); 
    }) 
}); 

我想通過「鍵值」作爲值到一個文本框。

<div class="input text"> 
    <label for="RemainderColor">Color</label> 
    <input type="textbox" id="RemainderColor" value="" maxlength="20" name="data[Remainder][Color]"> 
</div> 

Answer 1

http://jsfiddle.net/Zpe3U/

$("#RemainderColor").val(key); 

Answer 2

所以一旦你已經得到了價值，使用jQuery只是將該值賦給文本框的value屬性：

var key = $(this).attr("key"); 
$("#RemainderColor").val(key); 

看來你的選擇可能有有點偏離。請記住，您使用的選擇基本都是相同的CSS選擇器，因此：

• 爲id屬性，使用# —像$("#RemainderColor")
• 爲class attriblutes，使用. —像$(".className")
• 爲type屬性，使用[type=""]選擇器—類似$("input[type='text']")

希望這會有所幫助！

Answer 3

試試這個，

$(function(){ 

    $("#divcalendarcolor a").click(function(){ 
     var key = $(this).attr("key"); 
     alert(key); 
     $("#RemainderColor").val(key); 
    }) 
}); 

Answer 4

好像你需要在CSS選擇讀了 - 你的兩個嘗試設置文本框的值將無法正常工作：

$('input:textbox').val(key); 

我想你想要什麼這裏是input[type=textbox]這將獲得所有類型文本框的輸入節點。那不會明確地得到你想要的那個，所以要小心。

$('input[id=RemainderColor').val($('#divcalendarcolor a').val()); 

在這裏，你想通過id，對於其語法將input#RemainderColor來指定。

除了CSS選擇器的語法，你的代碼沒問題。我嘲笑了我的jsfiddle顯示它在行動：http://jsfiddle.net/Se646/

Answer 5

$(function() { 
    $("#divcalendarcolor a").click(function() { 
    var key = $(this).attr("key"); 
    $("#RemainderColor").val(key); 
    //Or you can even use 
    //$(input[id = "RemainderColor"]).val(key); 
    }) 
});