<div id="Bulk_DiV">
<p>
<a href="#" id="addBulk" class="link_icon_plus"></a>
<input type="text" id="BulkItem[0]_Quantity" size="20" name="BulkItem[0].Quantity" placeholder="Please enter quantity..."/>
<input type="text" id="BulkItem[0]_UnitPrice" size="20" name="BulkItem[0].UnitPrice" placeholder="Please enter unit price..."/>
<input type="text" id="BulkItem[0]_TotalPrice" size="20" name="BulkItem[0].TotalPrice" placeholder="Please enter total price..."/>
</p>
</div>
<script>
$(function() {
var bulkDiv = $('#Bulk_DiV');
var i = $('#Bulk_DiV p').size();
$('#addBulk').live('click', function() {
bulkDiv.append('<p>');
$('<a>').attr({
href: '#',
id: 'addBulk',
class: 'link_icon_plus'
}).appendTo(bulkDiv);
bulkDiv.append(' ');
$('<input>').attr({
type: 'text',
id: 'BulkItem_Quantity',
name: 'BulkItem[' + i + '].Quantity',
size: '20',
placeholder: 'Please enter quantity...'
}).appendTo(bulkDiv);
bulkDiv.append(' ');
$('<input>').attr({
type: 'text',
id: 'BulkItem_UnitPrice',
name: 'BulkItem[' + i + '].UnitPrice',
size: '20',
placeholder: 'Please enter unit price...'
}).appendTo(bulkDiv);
bulkDiv.append(' ');
$('<input>').attr({
type: 'text',
id: 'BulkItem_TotalPrice',
name: 'BulkItem[' + i + '].TotalPrice',
size: '20',
placeholder: 'Please enter total price...'
}).appendTo(bulkDiv);
bulkDiv.append(' ');
$('<a>').attr({
href: '#',
id: 'removeBulk',
name: 'removeBulk',
class: 'link_icon_minus'
}).appendTo(bulkDiv);
bulkDiv.append('</p>');
i++;
return false;
});
$('#removeBulk').live('click', function() {
if (i > 1) {
$(this).parents("p").remove();
i--;
}
return false;
});
});
</script>
這是我的代碼,我可以動態添加文本框,但我不能刪除它雖然我使用.remove()。它假設工作,但當我改變代碼中的東西,它不再工作。我無法找到任何錯誤... 所有的文本框都有自己的ID爲了獲取數據。Javascript刪除文本框動態添加
您使用的是什麼版本的jQuery? 'live()'已被棄用了很長一段時間。一個複製你的問題的演示也將幫助 – charlietfl 2015-01-20 18:40:14
它已被*刪除*兩年了。 – 2015-01-20 18:41:43
您正在使用'bulkDiv.append('
');'和'bulkDiv.append('
');'不正確。不要將所有這些文本字段和鏈接包裝到段落中,而是在行的開頭和結尾創建空白段落。因此'$(this).parents(「p」)'沒有找到任何匹配的元素。不幸的是,我的jquery技能目前有點生疏,我不能寫出體面的修復 - 因此我寫這個評論,而不是一個答案。 – user1702401 2015-01-20 18:55:52