JQuery 输入元素
我需要获取 div 中的所有输入元素,然后附加事件处理程序,以便每当值更改时都会更新隐藏字段。 div 中的子元素可能已经包含事件处理程序,如果是这样,附加应该将其链接起来。
非常感谢任何帮助。
I need to get all input elements within a div and then attach event handlers, so that whenever values change it updates a hidden field. Children elements within the div might already contain event handlers, if so the attach should chain it.
Any help is much appreciated.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
其中 divID 是 div 的唯一 ID。这将选择 div 内的所有输入、文本区域、选择和按钮元素。
请参阅 :input Selector
如果您想避免使用按钮元素, 您可以使用 not 运算符,例如
where divID is the unique id of the div. This selects all input, textarea, select and button elements inside the div.
See :input Selector
If you want to avoid the button element you can use the not operator like
jQuery 自动处理链接,因此以下内容应该有效:
jQuery handles chaining automatically, so the following should work:
好吧,我很好奇为什么您需要更新隐藏字段并复制数据。但如果您坚持,这里有一个“一刀切的解决方案”,尽管您可能会失去一些灵活性,而不是手动附加每个元素。
首先是 HTML:
现在是 Javascript:
为了使其工作,它假设您将每个字段都作为
text
字段,并且它们遵循我在这里使用的命名约定 ([txt |sel]FieldName
,hdnFieldName
)Well, I'm curious why you need to update a hidden field and have your data duplicated. But if you insist, here is a "one size fits all solution", although you may lose some flexibility doing this instead of manually attaching each element.
First, the HTML:
Now, the Javascript:
For this to work, it assumes you have each of your fields as
text
fields, also that they follow the naming convention I used here ([txt|sel]FieldName
,hdnFieldName
)