javascript - 如何在jQuery中动态赋予属性值

Question

我有一个隐藏字段，如下所示。

<input type="hidden" value="home" name="newdirpath" />
<input type="button" id="btn"/>

如何value通过 jquery 动态地为属性赋值？

我的 Jquery 是这样的。

$('#btn').click(function(){
    var text="helloworld"
    /* What shall I given here for inputting the value of variable text into the attribute `value` of input tag */
});

请给我建议，因为我是 Jquery 和 html 的初学者。谢谢。

Answer 1

这将完成工作：

$('#btn').click(function(){
    var text="helloworld";
    $("input[name=newdirpath]").val(text);
});

示例：http: //jsfiddle.net/QHGyE/

Answer 2

$('#btn').click(function(){
    var text="helloworld"
    $('input[name="newdirpath"]').attr("value",text);
});

Answer 3

给你的隐藏输入一个像这样的 id：

<input type="hidden" value="home" name="newdirpath" id="newdirpath" />

然后你的jquery变成这样：

$('#newdirpath').val("your value goes here");

Answer 4

尝试这个：

$('#btn').click(function(){
    var text= "helloworld";
    $('input[name="newdirpath"]').val(text);
});

演示

Answer 5

你也可以试试这个...

$('#btn').click(function(){
    var text= "helloworld";
    $(this).prev().attr('value',text);
});

如果您想更具体，因为您之前有多个隐藏输入字段并且您只想定位一个，那么您可以选择通过其名称属性查找隐藏字段，如下所示......

$('#btn').click(function(){
    var text= "helloworld";
    $(this).prev('input[name=newdirpath]').attr('value',text);
});

查看我的小提琴，祝你好运！

Answer 6

尝试

<input type="hidden" id="ids" value="home" name="newdirpath" />

和

$('#ids').val(text);