Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
基于表内容的动态下拉列表-使用javascript从表中删除内容时,从下拉列表中删除选项_Javascript_Html - Fatal编程技术网

基于表内容的动态下拉列表-使用javascript从表中删除内容时,从下拉列表中删除选项

基于表内容的动态下拉列表-使用javascript从表中删除内容时,从下拉列表中删除选项,javascript,html,Javascript,Html,我有一个包含输入的表格,一旦提交,就会根据输入的内容创建一个下拉列表。我使用的脚本会删除重复项并忽略空白单元格,但如果更改输入内容,则会保留相同的选项并将新输入添加到下拉列表中。是否可以在每次使用javascript提交输入时重置下拉选项以获得真正的动态列表 函数提交(){ 对于(i=1;i选项”)。每个(函数(){ 如果(使用名称[this.text]){ $(this.remove(); }否则{ usedNames[this.text]=this.value; } }); } } }

我有一个包含输入的表格,一旦提交,就会根据输入的内容创建一个下拉列表。我使用的脚本会删除重复项并忽略空白单元格,但如果更改输入内容,则会保留相同的选项并将新输入添加到下拉列表中。是否可以在每次使用javascript提交输入时重置下拉选项以获得真正的动态列表

函数提交(){
对于(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])
  }
}