我们如何更新div中存在的子数据列表选项？

Question

我是jquery的新手，我不明白我做错了什么。我想追加和删除datalist的选项。 datalist出现在div中，请参阅我的代码：

<input type="text" id="deloption" name="deloption" style="margin-bottom:8px;padding:3px;width:100px;" placeholder="del Options">
<input type="text" id="addoption" name="addoption" style="margin-bottom:8px;padding:3px;width:100px;" placeholder="Add Options">
<div class="test" id="combobox"><input type="text" name="example" list="exampleList">
<datalist id="exampleList">
    <option value="A">
    <option value="B">
</datalist></div>

jquery代码： 添加选项：

$('#'+Gid).children()[1].append("<option value='" + document.getElementById("addoption").value + "'>");

表示选项：

$('#'+Gid).children().find("datalist option[value="+document.getElementById('deloption').value+"]").remove();

Gid是div的动态ID。将没有。 div的。

Answer 1

我建议像这样创建一个选项：

var myDatalist = document.getElementById("exampleList");
myDatalist.add(new Option(text,value));

然后将其删除：

$("#exampleList option[value="value"]).remove();