62,046
社区成员
发帖
与我相关
我的任务
分享
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var btnAdd = $('#btnAdd');
var InputContainer = $('#InputContainer');
var fieldCount = 1;
$(btnAdd).click(function (e) {
var $div = $('<div/>');
var $newInput = $('<input/>', { type: 'text', id: 'txt_' + fieldCount });
var $removeFlag = $('<input/>', {
type: 'button', id: 'btn_' + fieldCount, value: '-',
click: function () {
var div = $(this).closest('div');
$(div).remove();
fieldCount--;
}
});
$(InputContainer).append($div).append($newInput).append($removeFlag);
fieldCount++;
});
$('#btnGet').click(function () {
var ResultContainer = $('#ResultContainer');
$(ResultContainer).empty();
$('#InputContainer input[type = text]').each(function () {
$(ResultContainer).append(this.id + ':' + $(this).val + ';');
});
});
}
);
</script>
<body>
<input id="btnAdd" type="button" value="+" />
<input id="btnGet" type="button" value="Get Text Value" />
<div id="InputContainer"></div>
<div id="ResultContainer"></div>
</body>
$('#buttonid').click(function(){
$('#dvContainer').append("<input name='name1' type='text' /><input name='name2' type='text' />")
});