从JQuery方法设置TextField的值

时间:2013-02-27 16:42:17

标签: javascript jquery html

我在下面定义了一个文本字段;我需要从JQuery方法为此文本字段设置一个值。正在调用JQuery方法,但是没有显示该值。

<input type="text" id="br_name" name="br_name" />

$(function () {
    $('.senddb').click(function () {
         $(".br_name").attr("value", $(this).data("bankbranchName"));
    });
});

3 个答案:

答案 0 :(得分:2)

你正在混淆一些东西。您需要通过“#idname”获取带有id的元素,通过“.classname”获取带有类的元素。使用jQuerys .val()方法设置和获取输入值。您的数据属性也不应该是camelcase。

http://jsfiddle.net/Dtk67/

HTML

<input type="text" id="br_name" name="br_name" />
<button class="senddb" data-bankbranchname="foo">Button</button>

JS

$('.senddb').click(function () {
    $("#br_name").val($(this).data("bankbranchname"));
});

答案 1 :(得分:0)

如果您想获取或设置文字输入的value 属性,请使用.val()方法:

$(function () {
    $('.senddb').click(function () {
        $(".br_name").val($(this).data("bankbranchName"));
    });
});

答案 2 :(得分:0)

你应该使用id选择器而不是类选择器 $("#br_name").val($(this).data("bankbranchName"));