Javascript 从html输入保存值>;使用ajax进行日期更新

Javascript 从html输入保存值>;使用ajax进行日期更新,javascript,jquery,ajax,Javascript,Jquery,Ajax,我正在尝试使用HTMLInput=date和ajax保存日期。但它并没有拯救我们 html代码: <td class="dtreq"><input type="text" class="dtreq" name="dtreq" id="dtreq"></td> 阿贾克斯: $('#保存')。单击(函数(){ var dtreq=[]; $('.dtreq')。每个(函数(){ dtreq.push($(this.val()); }); $.ajax({ u

我正在尝试使用HTMLInput=date和ajax保存日期。但它并没有拯救我们

html代码:

<td class="dtreq"><input type="text" class="dtreq" name="dtreq" id="dtreq"></td>

阿贾克斯:

$('#保存')。单击(函数(){
var dtreq=[];
$('.dtreq')。每个(函数(){
dtreq.push($(this.val());
});
$.ajax({
url:“insert_punchlist_form.php”,
方法:“张贴”,
数据:{dtreq:dtreq},
成功:功能(数据){
警报(数据);
$(“td[contentEditable='true']);
$('select').prop('selectedIndex',0);
对于(var i=2;i数据:{“dtrec”:dtrec}
数据JSON对象中的键应该被引用,否则它将被解析为变量,当然,数据JSON对象的值部分的变量dtrec应该被序列化为有效的JSON

数据:{“dtrec”:dtrec}
数据JSON对象中的键应该被引用,否则它将被解析为变量,当然,数据JSON对象的值部分的变量dtrec应该被序列化为有效的JSON

您好,我已经修改了您的代码,请检查

$('#保存')。单击(函数(){
var dtreq=[];
$('.dtreq')。每个(函数(){
log($(this.val());
dtreq.push($(this.val());
});
$.ajax({
url:“insert_punchlist_form.php”,
方法:“张贴”,
数据:{dtreq:dtreq},
成功:功能(数据){
警报(数据);
$(“td[contentEditable='true']);
$('select').prop('selectedIndex',0);

对于(var i=2;i您好,我已经修改了您的代码,请检查

$('#保存')。单击(函数(){
var dtreq=[];
$('.dtreq')。每个(函数(){
log($(this.val());
dtreq.push($(this.val());
});
$.ajax({
url:“insert_punchlist_form.php”,
方法:“张贴”,
数据:{dtreq:dtreq},
成功:功能(数据){
警报(数据);
$(“td[contentEditable='true']);
$('select').prop('selectedIndex',0);
对于(var i=2;i
$('#保存')。单击(函数(){
var dtreq=[];
$('input.dtreq')。每个(函数(){
dtreq.push($(this.val());
});
控制台日志(dtreq);
$.ajax({
url:“insert_punchlist_form.php”,
方法:“张贴”,
数据:{dtreq:dtreq},
成功:功能(数据){
警报(数据);
$(“td[contentEditable='true']);
$('select').prop('selectedIndex',0);
对于(var i=2;i
$('#保存')。单击(函数(){
var dtreq=[];
$('input.dtreq')。每个(函数(){
dtreq.push($(this.val());
});
控制台日志(dtreq);
$.ajax({
url:“insert_punchlist_form.php”,
方法:“张贴”,
数据:{dtreq:dtreq},
成功:功能(数据){
警报(数据);
$(“td[contentEditable='true']);
$('select').prop('selectedIndex',0);

对于(var i=2;i
dtreq
对于
td
input
?)是同一个类。id也应该是唯一的,不要对多个元素使用同一id。我在输入时删除了类。仍然相同。如果从输入中删除了类,则需要使用
$(this)。find('input')。val()
因为td没有值可能重复,我已经更新了您的代码检查我的答案。
dtreq
td
input
是同一个类。id应该是唯一的。不要对多个元素使用同一id。我在输入时删除了该类。仍然相同。如果您从输入中删除了该类,则需要使用
$(this.find('input').val()
因为td没有值可能重复,我已经更新了你的代码检查我的答案。很好,选择器
'input.dtreq'
!这一点的重要性无法在@RonakChauhan的答案中体现出来,因为html是错误的:
在一个不正确的表中浮动。也许你可以修复这个问题在你的答案中有吗?说得好,选择器
'input.dtreq'
!这一点的重要性无法在@Ronakhauhan的答案中体现出来,因为html是错误的:
在没有正确的表中的情况下四处浮动。也许你可以在你的答案中解决这个问题?
$('#save').click(function(){
var dtreq = [];

$('.dtreq').each(function(){
    dtreq.push($(this).val());
    });

    $.ajax({
      url:"insert_punchlist_form.php",
      method:"POST",
      data:{dtreq:dtreq},
      success:function(data){
        alert(data);
        $("td[contentEditable='true']").text("");
        $('select').prop('selectedIndex',0);
        for(var i=2; i<= count; i++){
          $('tr#'+i+'').remove();
        }
      }
    });
});