如何使用jquery在单击输入字段时设置值

我试图使用onclick将现有输入字段的值设置为另一个输入字段

<p>Name: <input id="john" type="text" value="" name="user"></p>
<input type="hidden" value="John" />
<span>Set value</span>

变成

 <p>Name: <input id="john" type="text" value="John" name="user"></p>

您可以使用：

const hidden_value = $('input[type="hidden"]').val();

要从

hidden

输入中获取值，然后使用

id

john在输入中设置其值，请使用：

$（“#john”）.val（隐藏值）

请参见下面的工作示例：

$（“span”）。单击（函数（）{
const hidden_value=$（'input[type=“hidden”]”）。val（）；//从隐藏的输入中获取值
$（“#john”）.val（隐藏的_值）；//将id为john的元素设置为具有检索到的值
});

姓名：

设置值
试试这个

HTML代码：

<p>Name: <input id="john" type="text" value="" name="user"></p>
<input type="hidden" value="John" />
<span>Set value</span>

找到这个工作示例，希望这会有所帮助。首先获取输入字段的值，然后将其设置为要显示的字段

1-使用以下方法从#john获得价值：
$（'约翰'）.val（）；
2-将此值设置为另一个输入字段：
$（'#hiddenFieldId'）.value（$（'#john'）.val（））

我添加了一个输入类型和注释隐藏类型。你可以做需要的事。
$（'span'）。单击（函数（）{
$（'hiddenFieldId'）.val（$（'hiddenFieldId'）.val（））；
});
span{
光标：指针；
}

姓名：

设置值
希望对您有所帮助


$（“span”）。在（“单击”，函数（）上{
console.log（$（'input[type=hidden]'）.val（）
$（“#john”）.val（$（'input[type=hidden]'）.val（））
});

姓名：

设置值
为什么不获取隐藏输入的值？如果从隐藏输入中提取值，则为该字段提供一个id，以防页面上有多个隐藏输入。这里有一个答案
const hidden_value = $('input[type="hidden"]').val();

<p>Name: <input id="john" type="text" value="" name="user"></p>
<input type="hidden" value="John" />
<span>Set value</span>

$("span").click(function(){
   var s= $('input[type="hidden"]').val();
   $("#john").val(s);
});