Как передать значение 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

Так как только вы получили значение, просто присвоить значение value собственности текстового поля, используя JQuery:

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); 
    }) 
});