Как установить значение для поля ввода onclick с помощью jquery

Question

Я пытаюсь установить значение существующего ввода, поданного в другой ввод, поданный с помощью onclick.

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

При щелчке по диапазону значение скрытого input (в данном случае John) должно быть помещено как значение в поле ввода над ним. Итак, нажмите:

 <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

надеюсь, это будет полезно для вас,

$("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 2

Попробуйте это Ссылка

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

найди этот рабочий пример, надеюсь, это поможет.Сначала получите значение поля ввода, а затем установите его в поле, в котором вы хотите отобразить.

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>

Answer 4

Вы можете использовать:

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>