我創建了一個下面的函數到inputfield添加到我的表格:刪除添加輸入字段
function add_parameter(){
var d = document.getElementById("content");
d.innerHTML += "<br/><br><div class='custom_search col-md-5'><span><select class='form-control' name='fketens'><option>1</option><option>2</option><option>3</option><option>4</option></select></span></div><div class='keten2 col-md-7'><span><input type='text' class='form-control' id='keten2' placeholder='Enter keten name' name='keten2' /></span></div>";
};
這是我的索引文件的代碼:
<div id="content">
<div class="custom_search col-md-5">
<span>
<select class="form-control" name="fastfoodketens">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</span>
</div>
<div class="keten2 col-md-7">
<span><input type="text" class="form-control" id="keten2" placeholder="Enter keten name" name="keten2"></input></span>
</div>
但現在我還想製作一個刪除按鈕,可以刪除添加的字段。做這個的最好方式是什麼?
你試過jquery刪除? 。你可能想添加一個類到你添加的字段或像「added-fields」這樣的元素上,然後你可以選擇該類的類列表,然後通過jquery remove刪除它們。 –
http://stackoverflow.com/questions/16183231/jquery-append-and-remove-dynamic-table-row http://jsfiddle.net/samliew/3AJcj/2/ – llamerr