Question

取决于选择选项值更改单击显示文本框名称和显示文本框的数量将随我的ajax更改。但我尝试在提交按钮中验证该文本框。但是，当提交按钮单击时，文本框值不会保留...

我的问题是ajax响应div在提交时无法保留该值???

Ajax响应div：

<?php
foreach ($technical_skill as $skills){
?>
  <div class="form-group col-md-12">
    <div class="col-md-4">
      <label for="bsl"><?php echo $skills['techskills'];?></label>
    </div>
    <div class="col-md-8">
      <input type="text" class="form-control technicalskill" name = "technicalskill[<?php echo $skills['id']; ?>]" id="bsl">
    </div>
  </div><?php 
  }
?>

Jquery Ajax：

$('#tskill').click(function(){
var parentid = $(this).val();
var text = $('option:selected', this).text();
    $.ajax({
      type:"POST",
      url:"index.php",
      data:{parentid:parentid},
      success:function(response){
        if(parentid == ''){
          $('#tech_head').css('display','none');
        }else{
          $('.tech_skill').html(response);
          $('.tech_group').text('Technical Skill: '+text);
          $('.hide-div').css('display','block');
        }
      }
    });
});

Answer 1

简单的解决方案：

将值保存到隐藏字段，并让提交函数验证该值。选择事件后，值应立即保存到隐藏字段。

Answer 2

在发送ajax请求之前复制元素数据，而不是稍后使用

例如，这是您的代码

if(req.user){
    if(req.user.premium){
        console.log('Is premium');
    }
}

比使用你的jquery

<div id = 'myDiv'>
    <input type = 'text' id = 'myText' > 
    <input type = 'submit' id = 'submit' >
</div>

jquery ajax响应stag在post值文本框div中

2 个答案: