我需要在点击按钮时向页面添加输入框,我已经编写了以下的jquery脚本。第一次单击时它会添加一个输入框,但不会重复添加。
<script type="text/javascript"></script>
请有人帮我修改代码,使得每次单击按钮时都会添加一个输入框。
$('#buttonID').click(function(){
$('#fileinput').html($('#fileinput').html()+'<label>Filename:</label>
<input type="file" name="file" id="file" />');
});
append
。$('#buttonID').click(function(){
$('#fileinput').append('<label>Filename:</label>
<input type="file" name="file" id="file" />');
});
#fileInput
元素中已有的HTML。您可能想要使用的是append()方法。 function addInput(){
$('#fileinput').append('<label>Filename:</label>
<input type="file" name="file" id="file" />');
}
append
而不是html
: http://api.jquery.com/append/
<script type="text/javascript">
function addInput(){
$('#fileinput').append('<label>Filename:</label>
<input type="file" name="file" id="file" />');
}
</script>
这是因为您每次没有进行添加到HTML,而只是将其设置为显示单个input
。