在HTML表单中添加/删除jQuery数组中的输入

时间:2016-10-27 09:17:53

标签: javascript jquery html

我需要添加和删除表单中的输入。然后添加从数组中删除输入值,我最终可以POST。

输入添加和删除都很好。但我无法让数组打印新值(?)



$(function() {
  var scntDiv = $('#p_scents');
  var i = $('#p_scents p').size() + 1;
  var encdom_local = ['something'];

  $('#addScnt').live('click', function() {
    $('<p><label for="p_scnts"><input type="text" id="p_scnt"  name="p_scnt_' + i +'" value="" placeholder="NETWORK/[IP/CIDR]" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
    encdom_local.push(1);
    i++;
    return false;
  });
  $('#remScnt').live('click', function() { 
    if( i > 2 ) {
      $(this).parents('p').remove();
      i--;
    }
    return false;
  });

  $(".result").html(encdom_local.join(""));
});
&#13;
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<div id="p_scents">
  <p>
    <label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt" value="" placeholder="NETWORK/[IP/CIDR]" /></label>
    <a href="#" id="addScnt">Add Another Input Box</a>
  </p>
  <p class="result"></p>
</div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

如果打印的意思是代码的这一行:

$(".result").html(encdom_local.join(""));
然后它发生了#39;添加事件侦听器后,只需执行一次。如果您想每次都打印它,只需将此打印方法添加到.live()事件中。

答案 1 :(得分:0)

试试这个

 $(".result").text(encdom_local.join(""));