基于表内容的动态下拉列表-使用javascript从表中删除内容时,从下拉列表中删除选项
我有一个包含输入的表格,一旦提交,就会根据输入的内容创建一个下拉列表。我使用的脚本会删除重复项并忽略空白单元格,但如果更改输入内容,则会保留相同的选项并将新输入添加到下拉列表中。是否可以在每次使用javascript提交输入时重置下拉选项以获得真正的动态列表基于表内容的动态下拉列表-使用javascript从表中删除内容时,从下拉列表中删除选项,javascript,html,Javascript,Html,我有一个包含输入的表格,一旦提交,就会根据输入的内容创建一个下拉列表。我使用的脚本会删除重复项并忽略空白单元格,但如果更改输入内容,则会保留相同的选项并将新输入添加到下拉列表中。是否可以在每次使用javascript提交输入时重置下拉选项以获得真正的动态列表 函数提交(){ 对于(i=1;i选项”)。每个(函数(){ 如果(使用名称[this.text]){ $(this.remove(); }否则{ usedNames[this.text]=this.value; } }); } } }
函数提交(){
对于(i=1;i<6;i++){
var inputSelect=document.getElementById(“选择”);
var option=document.createElement(“选项”);
var select=document.getElementById(“输入”+i).value
如果(选择.trim()!=''){
option.text=选择
inputSelect.add(选项,inputSelect[0])
var usedNames={};
$(“选择[name='select']>选项”)。每个(函数(){
如果(使用名称[this.text]){
$(this.remove();
}否则{
usedNames[this.text]=this.value;
}
});
}
}
}
提交
函数提交(){
var inputSelect=document.getElementById(“选择”);
inputSelect.innerHTML=“”;
你完全正确。这很好用,谢谢!
function submit(){
var inputSelect = document.getElementById("select");
inputSelect.innerHTML = "";
for (i=1;i<6;i++){
var option = document.createElement("option");
var select = document.getElementById("input" + i).value
if (select.trim() !== ''){
option.text = select
inputSelect.add(option,inputSelect[0])
}
}