Как изменить значение скрытого поля с помощью jQuery из другого текстового поля ввода?

Question

У меня есть четыре поля ввода два текста и два скрытых.

HTML-:

<input type="text" name="pie1" class="green" id="pie1" value="Hello"/> 
<input type="hidden" name="hPie1" value="green"> 
<input type="text" name="pie2" class="green" id="pie2" value="Goodbye"/> 
<input type="hidden" name="hPie2" value="green"> 

Мой код сценария:

<script> 
$(document).ready(function(){ 
$('input:text').click(function(){ 
    $(this).toggleClass('green red'); 
}); 
}) 
</script> 

Вопрос: Как изменить значение скрытого поля в классе когерентное текстового поля, переключаемых в то же время Я нажимаю окно ввода? Спасибо за любую помощь, которую вы можете дать.

Answer 1

Первое быстрое решение для вашей проблемы.

<script> 
$(document).ready(function(){ 
    $('input:text').click(function(){ 
     $(this).toggleClass('green red'); 
     $(this).next().val($(this).attr('class')); 
    }); 
}) 
</script> 

Answer 2

после `$ (this) .toggleClass ('green red');

добавить $('input[name="h' + $(this).name() + '"]').val($(this).val())

примечание - = $(this).name() элемент может иметь неправильный синтаксис, но это идея.

Answer 3

$(document).ready(function(){ 
$('input:text').click(function(){ 
    $(this).toggleClass('green red'); 
    $(this).next().val($(this).attr('class')); 
}); 
}) 

Должно работать! Предполагая, что скрытые входы всегда поступают непосредственно после ввода текста.