html ДобавлениединамическихполейспомощьюJQuery
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html ДобавлениединамическихполейспомощьюJQuery相关的知识,希望对你有一定的参考价值。
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
var i = $('input').size() + 1;
$('#add').click(function() {
$('<div><input type="text" class="field" name="dynamic[]" value="' + i + '" /></div>').fadeIn('slow').appendTo('.inputs');
i++;
});
$('#remove').click(function() {
if(i > 1) {
$('.field:last').remove();
i--;
}
});
$('#reset').click(function() {
while(i > 2) {
$('.field:last').remove();
i--;
}
});
// here's our click function for when the forms submitted
$('.submit').click(function(){
var answers = [];
$.each($('.field'), function() {
answers.push($(this).val());
});
if(answers.length == 0) {
answers = "none";
}
alert(answers);
return false;
});
});
</script>
<a href="#" id="add">Добавить</a> | <a href="#" id="remove">Удалить</a> | <a href="#" id="reset">Сбросить</a>
<form>
<div class="inputs">
<div><input type="text" name="dynamic[]" class="field" value="1"></div>
</div>
<input name="submit" type="button" class="submit" value="ОК">
</form>
以上是关于html ДобавлениединамическихполейспомощьюJQuery的主要内容,如果未能解决你的问题,请参考以下文章
javascript Добавлениединамическистилейвхед
html ДобавлениединамическихполейспомощьюJQuery
php обрезаемпоследнююбукву - делаемизмножественногочислаединственное
php Еслинамнужно,чтобыбылоневозможноредактироватьполе“Название”,мывносимследующеевычисление...
scss зацикленнаяанимациядляспиннера。 $ b $bСоздаемпсевдо-элемент。 Здесьдостаточнонавешиватькласснаоб
php Автоподключениеклассов(модулей)вБитриксе