Question

我是jquery的新手我需要一些帮助。我有用户输入标题的模态。当用户输入标题时，将显示div，其中div包含一个输入字段或一个addmore按钮，当用户单击addmore按钮时，将打开新的输入字段。我希望用户在显示警报消息后再添加18个文件。

这是我的HTML代码： -

enter code here
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Add Category</h4>
        </div>
        <div class="modal-body">
            <h4>Enter Your Title</h4>
            <input type="text" name="title" class="getvalue">
            <button type="submit"  class="submitdata"> Submit</button>
        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>

和我的Jquery代码

enter code here
$(document).ready(function() {
    var room= 1;
    $(".submitdata").on('click',function(){
        var value= $(".getvalue").val();
        $(".submitdata").attr('disabled');
        $(".modal-body").after(
            '<br><center><div id="contain"> 
            Choose Your Own service <br> <br>
            <input type="text" name='+value+'[]>
            <button type="button" class="addService">Add More</button>
            </div></center>'
            );
        $(".addService").on('click',function(){
              //Please anyone do coding here
        });
    });

非常感谢：）

Answer 1

尝试这样的事情：

HTML

<div id="contain"> 
  Choose Your Own service <br> <br>
  <div>
  <input type="text" name='+value+'[]>
  <button type="button" class="addService">Add More</button>
  </div>
</div>

JS

$(document).on('click', '.addService', function(){
    var html = '<div><input type="text" name="myInput"><button type="button" class="addService">Add More</button></div>';
  $(this).parent().append(html);
});

Working Fiddle

Answer 2

$('.submitdata').on('click',function(){
      $(this).before($(this).closest('.getvalue').clone());
      $(this).closest('.getvalue').val('');
})

当用户在jquery中按下按钮时，添加更多输入字段

2 个答案: