Question

我正在尝试将现有输入的值设置为通过onclick提交的另一个输入。

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

单击跨度时，应将隐藏的input（在这种情况下为John）的值作为值放置在其上方的输入字段中。所以onclick：

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

成为

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

我该如何使用jQuery？

我已经有了这段代码，但是我没有成功：

$("span").click(function(){
   $("input:#john").val();
});

Answer 1

您可以使用：

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

从hidden输入中获取值，然后使用id john在输入中设置其值，

$("#john").val(hidden_value)

请参见下面的工作示例：

$("span").click(function(){
   const hidden_value = $('input[type="hidden"]').val(); // get the value from the hidden input
   $("#john").val(hidden_value); // set the element with the id john to have the retrieved value
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Name: <input id="john" type="text" value="" name="user"></p>
<input type="hidden" value="John" />
<span>Set value</span>

Answer 2

尝试这个Link

HTML代码：

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

JS代码：

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

Answer 3

希望对您有帮助，

$("span").on("click",function(){
console.log($('input[type=hidden]').val())
$("#john").val($('input[type=hidden]').val())
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Name: <input id="john" type="text" value="" name="user"></p>
<input type="hidden" value="John" />
<span>Set value</span>

Answer 4

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

1-使用以下方法从#john获取值： $（'＃john'）。val（）; 2-将此值设置到另一个输入字段： $（'＃hiddenFieldId'）。value（$（'＃john'）。val（））;

我添加了输入类型并注释了隐藏类型。您可以做有需要的人。

$('span').click(function(){
  $('#hiddenFieldId').val($('#john').val());
});

span{
cursor:pointer;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Name: <input id="john" type="text" value="" name="user"></p>
<!--<input type="hidden" id="hiddenFieldId" value="John" />-->
<input type="text" id="hiddenFieldId" value="John" />
<span>Set value</span>

如何使用jQuery在onclick输入字段中设置值

4 个答案: