检测html(表单)表中的行数据更改(JavaScript / Jquery)
Detect row data change in html (form) table (JavaScript / Jquery)
你好,我是一名读者,在这里得到了很多帮助。这是我的第一篇文章。我知道这可能是一个类似的问题,但我仍然找不到答案。有人能帮我写一个JavaScript/jquery代码:如果用户修改这些字段中的任何一个,那么dbFlag值将设置为"U"(初始化)。"N")。我正在努力产生正确的代码。注意:数据行是从DB填充的,所以可以是1行,也可以是N行。非常感谢你的时间和努力。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form name="form1" id="form1" action="saveData" method="POST">
<table id="dataTable" border="1">
<tbody>
<tr>
<th>Badge #</th>
<th>turn #</th>
<th>Comment</th>
</tr>
<tr>
<td><input type="text" size="7" name="badge" id="badge" value="000000" /></td>
<td>
<select name="descMpoint" id="descMpoint2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
<td><textarea name="comment" cols="50" rows="2">txt area</textarea></td>
<td><input type="hidden" name="dbFlag" id="dbFlag" value="N" />
</tr>
</tbody>
</table>
<br>
<span class="tab"><input type="submit" name="updateData" value="Submit" id="updateData"/></span>
<br><hr>
</form>
</body>
</html>
使用
change
事件:
$('#form1').on('change', 'input, select, textarea', function(){
$(this).closest('tr').find('input[name="dbFlag"]').val('U');
});
jsFiddle,.change ()
在jQuery中,使用change event函数。请注意,当相关字段未聚焦/模糊时,该函数会触发。
的例子:
$("#badge").change(function(){
var currentElement = $(this); //reference to the element that was changed
//etc. etc.
});
JSFiddle: http://jsfiddle.net/kfdNs/
相关文章:
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- Javascript(jQuery)给了我奇怪的结果
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- Javascript/jQuery中的并行Ajax调用
- 我可以在Javascript/jQuery中使用一个变量作为键吗
- Javascript/Jquery/PHP加载页面-如何
- Javascript/Jquery Blob not showing Chrome PDF
- 如何使用javascript/jquery获取iframe的URL的锚点属性
- OnClick/Onhover Javascript/jquery
- 如何从javascript/jquery中的复选框中获取布尔值
- javascript/jquery将utc转换为短格式的本地时间
- 在不设置协议的情况下,使用javascript/jquery更改iframe-src
- 如何向这个javascript/jquery函数添加参数
- 用JavaScript/jQuery点击图片,选中多个方框
- 使用Javascript/JQuery获取JSON GET数据
- 从数组中删除元素的最佳方法是:javascript/jquery
- Javascript/jQuery压缩一个图像正确的评论帖子,并使用Ajax Laravel 5.2保存到控制器中
- 用DRY方式Javascript/JQuery动态替换HTML
- 类似Javascript JQuery的库
- 如何在 Javascript/jQuery 中获取一些随机下拉列表的选定值