Question

我有这样的场景形式如果选择了选项，它将出现一个名为＆＃34; hah＆＃34;我使用像这样的ajax脚本来调用它

＆＃13;

$('#bahan').change(function() {
  var id = $('#bahan').val()
  var datana = 'id=' + id
  var urlna = "<?=base_url()?>controller/food/getdetailstok";
  $.ajax({
    type: 'POST',
    url: urlna,
    data: datana,
    success: function(data) {
      $('#hah').html(data);
    }
  })
  return false;
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <select class="form-control select2" name="bahan" id="bahan">
		    <option value="">-- Choose One --</option>
		    <option value="1"> 1 </option>
            <option value="2"> 2 </option>
		</select>
</div>
<div id="hah"></div>

＆＃13;

如何重置＆＃34; hah＆＃34;如果我点击按钮保存。 hah in reset因为值字段选项再次变为空

Answer 1

$（＆＃39;＃hah＆＃39;）。empty（）可以解决问题。

.empty（）将从DOM中删除每个元素。在你的情况下#hah div中的每个元素。

Answer 2

   $('#bahan').change(function() {
     $('#hah').html("");
      var id = $('#bahan').val()
      var datana = 'id=' + id
      var urlna = "<?=base_url()?>controller/food/getdetailstok";
      $.ajax({
        type: 'POST',
        url: urlna,
        data: datana,
        success: function(data) {
          $('#hah').html(data);
        }
      })
      return false;
    })

使用jquery按钮clcik时重置ajax数据

2 个答案: