在Stack Overflow上看到的方法,记录一下
html:
<input class="form-control" id="test" type="text" list="test_list">
<datalist id="test_list">
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
</datalist>
<button onclick="deleteOne()">从尾部删除一个元素</button>
js代码:
<script>
function deleteOne() {
// 这是尾删,如果想删除任一位置,只需要修改索引位置即可
// 原生JS写法
// var parent = document.getElementById('test_list')
// var childArray = parent.children
// var t_len = childArray.length
// console.log(t_len)
// if (t_len > 0){
// t_len-- //索引位置从0开始
// parent.removeChild(childArray[t_len]