jquery - 使用jquery在点击时将html输入框添加到div

Question

我需要将输入框添加到单击按钮的页面，我编写了以下 jquery 脚本。第一次点击添加一个输入框，不再重复添加。

<script type="text/javascript">
   function addInput(){
      $('#fileinput').html('<label>Filename:</label>
                        <input type="file" name="file"  id="file" />');
   }
</script>

谁能帮我修改一下代码，让它在每次点击按钮时添加一个输入框。

Answer 1

$('#buttonID').click(function(){
    $('#fileinput').html($('#fileinput').html()+'<label>Filename:</label>
                    <input type="file" name="file"  id="file" />');
});

或按照其他人的建议使用附加

$('#buttonID').click(function(){
    $('#fileinput').append('<label>Filename:</label>
                    <input type="file" name="file"  id="file" />');
});