отправить скрытому входному значению другой видимый текстовый ввод в той же форме в переполнении стека

Есть ли простой способ отправить скрытому входному значению значение из другого видимого текстового входного значения в одной форме? Действие по моему клику будет использовать разные имена ссылок в зависимости от источника действия. Смотрите мой пример:

<form id="floatleft" method="post">
<label for="name">My Name:</label>
<input name="senderName" type="text" value="">
<input name="first_name" type="hidden" value="">
<input alt="P" name="submit" type="image" src="https://p.gif" value="P" onclick="this.form.action='https://p.html'" />
<input alt="z" name="submit" type="image" src="https://www.z.png" value="z" onclick="this.form.action='https://www.z.com/';" />

0

Решение

Да, вы можете сделать это с помощью jQuery change функция или keyup функция

HTML

<input type="text" name="senderName" id="senderName" value="" />
<input type="hidden" name="first_name" id="first_name" value="" />

JS (Изменить функцию)

Событие изменения происходит, когда значение элемента было изменено, то есть с функцией изменения, когда значение внутри senderName вход изменил свое значение (или обновленное значение), скопированный в first_name вход. Подробнее здесь

$(document).ready(function(){
$('#senderName').change(function() {
$('#first_name').val($('#senderName').val());
});
});

Скрипка с функцией изменения

JS (функция Keyup)

С помощью функции keyup один раз прекратите вводить значение senderName вход будет скопирован в first_name вход. Подробнее здесь

$(document).ready(function(){
$('#senderName').keyup(function(){
$('#first_name').val($('#senderName').val());
});
});

Скрипка с функцией keyup

2

Другие решения

$(document).ready(function(){

$( "#name").on('change',function() {

$("#hiddenName").val($( "#name").val());
});

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<form name="form" type="post">
<input type="text" name="name" id="name">
<input type="hidden" name="hiddeName" id="hiddenName" value="">
<input type="submit" name="submit">
</form>
1

По вопросам рекламы [email protected]