javascript - jQueryで動的に属性値を与える方法

Question

以下のような隠しフィールドがあります。

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

valuejquery を介して属性に動的に値を与えるにはどうすればよいですか?

私の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"]').attr("value",text);
});

Answer 2

非表示の入力に次のような ID を付けます。

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

そして、あなたのjqueryは次のようになります：

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

Answer 3

これを試して：

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

デモ

Answer 4

試す

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

と

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