Я создал следующую функцию, чтобы добавить 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 удалить? , вы можете добавить класс в свои добавленные поля или элементы, такие как «добавленные поля», а затем вы можете выбрать список классов для этого класса и просто удалить их с помощью jquery remove. –
http://stackoverflow.com/questions/16183231/jquery-append-and-remove-dynamic-table-row http://jsfiddle.net/samliew/3AJcj/2/ – llamerr