按钮行为怪异

我有这个代码动态添加字段和无中添加新字段的按钮开始表现怪异。我工作的很好，无所事事，它开始像提交按钮一样处理表单。我尝试将按钮设置为按钮，但它然后停止添加字段。按钮行为怪异

的HTML：

<form method="post" action="setup5.php"> 
     <div class="input_fields_wrap"> 
      <button class="add_field_button"> 
       Add More Fields 
      </button> 
      <div> 
       <input type="text" name="mytext[]"> 
      </div> 
     </div> 
     <div> 
      <input type="submit" value="Next" /> 
     </div> 
    </form>

的JS：

<script> 

$(document).ready(function() { 
    var max_fields  = 10; //maximum input boxes allowed 
    var wrapper   = $(".input_fields_wrap"); //Fields wrapper 
    var add_button  = $(".add_field_button"); //Add button ID 

    var x = 1; //initlal text box count 
    $(add_button).click(function(e){ //on add input button click 
     e.preventDefault(); 
     if(x < max_fields){ //max input box allowed 
      x++; //text box increment 
      $(wrapper).append('<div><input type="text" name="mytext[]"/><a href="#" class="remove_field">Remove</a></div>'); //add input box 
     } 
    }); 

    $(wrapper).on("click",".remove_field", function(e){ //user click on remove text 
     e.preventDefault(); $(this).parent('div').remove(); x--; 
    }) 
}); 

</script>

来源

2015-04-15 Rodrigo Sasse

$（this）.closest（'div'）。remove（）;优于$（this）.parent（'div'）。remove（）; –

'add_button'已经是一个jQuery对象，没有必要重新包装在'$（）' –

为我工作 - > http://jsfiddle.net/b5hj1g5n/ – adeneo

你的代码看起来罚款jfiddle http://x.co/8uH6x，你必须有另外一个脚本与此代码干扰。我无法进一步帮助您，因为您没有发布完整的代码。

来源

2015-04-15 21:56:27

按钮行为怪异

回答

相关问题