Как изменить значение скрытого поля с помощью 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

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

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

Answer 2

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

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

Answer 3

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

add $('input[name="h' + $(this).name() + '"]').val($(this).val())

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