проблема изменения скрытого входного значения из всплывающей формы

Question

Лучший способ показать, что я пытаюсь сделать, это показать демо. Я предоставлю свой jsfiddle через секунду.

В таблице показаны 3 теста, один из которых защищен паролем (Тест 3). Поэтому, нажав на кнопку, чтобы выполнить этот тест, вы получите всплывающую форму с просьбой ввести пароль. В настоящее время в jsfiddle у меня есть входные данные с именем 'password', установленные как type=text, это будет hidden, в настоящее время они просто отображаются для проверки.

При отправке пароля я хочу, чтобы ввод «пароля» был заполнен вводом, однако для соответствующего теста, и отправьте эту соответствующую форму (каждый тест по сути является формой). На данный момент он просто заполняет все введенные пароли введенным паролем.

РЕДАКТИРОВАТЬ обновил мой jsfiddle, чтобы избавиться от проблемы дублирования идентификатора.

Так вот мой jsfiddle .

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

Надеюсь, я достаточно ясно: S

спасибо за помощь заранее!

Answer 1

Это должно сделать это:

//WHEN THEY SUBMIT PASSWORD CARRY THIS OUT
$(".pass_submit").live('click', function(event) {
    var plaintext = $('#pass').val();
    $(this).parents('form').children('.password').val(plaintext);
});

Answer 2

Вы не можете использовать один и тот же идентификатор более одного раза. Простым решением было бы назвать три поля пароля «password1», «password2» и «password3», например:

http://jsfiddle.net/mHdwz/2/

но это может быть не лучшим решением в зависимости от того, что вы пытаетесь сделать.