[英]POST dynamic HTML table values to jQuery AJAX
我正在尝试获取动态HTML表中存在的所有值 ,并将这些值发布到AJAX。
我有这样的HTML表格
当我按'+'时,我可以动态添加行。 当我单击“保存”时,如何将数组值从该HTML表发布到AJAX,以便同时我可以将这些值插入MYSQL
我试过在表格中找到每个td的“文本”
var rows = $("tbody tr",$("#myTable")).map(function() {
return [$("td",this).map(function() {
return this.innerHTML;
}).get()];
}).get();
这让我 - > <input type="text">
依此类推。
使用jQuery使用serialize函数
<script type="text/javascript">
(function ($) {
$('#formID').on('submit', function (e) {
e.preventDefault();
$.ajax({
type: 'POST',
url: '/pathTo/process_form.php',
data: $('#formID').serialize()
});
});
})(jQuery);
</script>
你正在返回innerHTML,这是...... HTML。 你可以用.val()
获取输入元素的值,这对你.val()
吗?
return $("td input").map(function() {
return $(this).val();
});
var rows = $("td input",$("#myTable")).map(function() {
return { name : $(this).attr('name'), value :$(this).val()};
});
你应该得到:
[
{
name : 'inputname',
value : 'inputval'
},
{ ... }
]
这将返回一个类似.serialize()方法的数组
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.