Диалог jQuery и установка значения текстового поля

Question

, поэтому у меня есть модальное диалоговое окно, которое я использую с jQuery на моей странице asp .net. Я пытаюсь установить значение текстового поля с помощью jquery. Вот пример кода:

<div class="popup-template popup1">
    <div class="content">     
      <input type="text" id="tbX" value="asdf" />
      <input type="button" onclick="$('#tbX').val('TEST VALUE');" value="Input Test" />
      <input type="button" onclick="alert($('#tbX').val());" value="Output Test" />
   </div>
</div>

• Если я нажму «Output Test», предупреждение покажет «asdf»
• Затем я нажимаю «Тест ввода», и значение в текстовом поле не меняется
• Я еще раз нажимаю «Тест на выход», и предупреждение показывает «ЗНАЧЕНИЕ ТЕСТА»
• Если я вручную изменю текст в текстовом поле, предупреждение все равно будет отображать «ЗНАЧЕНИЕ ТЕСТА»

У меня уже есть код для перемещения моего диалога обратно в тег формы, так что это не проблема.

Если я перемещу входы за пределы модального div, то все будет работать нормально.

Спасибо за вашу помощь

-Russ

Answer 1

Попробуйте использовать Firefox с Firebug («просмотреть сгенерированный источник») и посмотрите, будет ли модальное диалоговое окно воссоздает для вас DOM и переименовывает входные данные. Это будет означать, что вы получаете доступ к исходному, теперь скрытому вводу из обработчика щелчка и новому вводу при вводе. Если это так, вы можете изменить способ получения элемента текстового поля, чтобы использовать что-то вроде:

$(this).parent('div').find('input[type=text]:first').val(...)