jQuery 对话框和设置文本框值答案

【问题标题】：jQuery Dialog and Setting a Textbox ValuejQuery 对话框和设置文本框值
【发布时间】：2009-04-08 18:24:13
【问题描述】：

所以我在我的 asp .net 页面中有一个与 jQuery 一起使用的模式对话框。我正在尝试使用 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>

如果我点击“输出测试”，警报会显示“asdf”
然后我点击“输入测试”，文本框的值没有改变
我再次单击“输出测试”，警报显示“TEST VALUE”
如果我手动更改文本框中的文本，警报仍会显示“TEST VALUE”

我已经有了将我的对话框移回表单标签内的代码，所以这不是问题。

如果我将输入移到模态 div 之外，那么一切正常。

感谢您的帮助

-罗斯

【问题讨论】：

标签： .net asp.net jquery

【解决方案1】：

尝试使用带有 Firebug 的 Firefox（“查看生成的源代码”）并查看模式对话框是否正在为您重新创建 DOM 并重命名输入。这意味着您正在访问来自单击处理程序的原始、现在隐藏的输入以及键入时的新输入。如果是这样，您可以更改获取文本框元素的方式以使用以下内容：

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

【讨论】：