如何将jQuery值传递给文本框?

时间:2012-02-28 12:47:40

标签: jquery

我有一个功能

$(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>

5 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

http://jsfiddle.net/Zpe3U/

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

答案 2 :(得分:0)

因此,一旦获得了值,只需使用jQuery将值分配给文本框的value属性:

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

看来你的选择器可能有点偏。请记住,您正在使用与CSS选择器大致相同的选择器,因此:

  • 对于id属性,请使用# - 例如$("#RemainderColor")
  • {li>对于class attriblutes,请使用. - 例如$(".className")
  • 对于type属性,请使用[type=""]选择器 - 例如$("input[type='text']")

希望这有帮助!

答案 3 :(得分:0)

试试这个,

$(function(){

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

答案 4 :(得分:0)

好像你需要阅读CSS选择器 - 你设置文本框值的两次尝试都不会起作用:

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

我认为你想要的是input[type=textbox],它将获得textbox类型的所有输入节点。虽然没有特别得到你想要的那个,但要小心。

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

此处您希望按id指定,其语法为input#RemainderColor

除了CSS选择器语法之外,您的代码还可以。我嘲笑JSFiddle以显示它的实际效果:http://jsfiddle.net/Se646/