当我第一次点击按钮时,它会出现一个地址选择,当我第二次,第三次点击同一按钮时,它会出现第二个,第三个地址选择,请帮助我如何使用HTML和Javascript实现这个功能,谢谢!
jQuery中的.toggle()
函数在较新的版本中已经过时。我们最好设置一个标志,这样做:
$(function () {
var inputCount = 0;
$("input").click(function () {
var functionsArray = [function () {
alert(1);
}, function () {
alert(2);
}, function () {
alert(3);
}];
functionsArray[inputCount++]();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="button" value="Click Me!" />
你可以这样做:
$('.addAddress').on('click', function() {
$('.form').append('<input type="text" name="address" id="address"/>');
});
.form input {
display: block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="form">
<label for="address">Address</label>
</form>
<button class="addAddress">+</button>
每次单击+ button
时,它都会在表单中插入一个新字段