js动态添加下拉列表

发布网友 发布时间:2022-04-22 09:53

我来回答

2个回答

热心网友 时间:2022-04-07 06:16

function zj(){
    var s1=document.getElementById("s1");
    var s3=document.getElementById("s3");
    for(var i=0;i<s1.options.length;i++){
  if(s1.options[i].selected){
   var e = s1.options[i];
   s3.options.add(new Option(e.text, e.value));
   s1.remove(i);
   i=i-1
  }
 }
}

//用以上写法也可。建议select中加属性 multiple(感觉用的舒服点)

热心网友 时间:2022-04-07 07:34

把JS里的代码改成这样:

function zj(){
    var s1=document.getElementById("s1")
    var s3=document.getElementById("s3")
    var sc=document.createElement("option")
var txt = s1.options[s1.selectedIndex].text;
var isC = true;
for(var i=0;i<s3.options.length;i++){
if(txt == s3.options[i].text){
isC = false;
break;
}
}
if(isC){
var st=document.createTextNode(s1.options[s1.selectedIndex].text);
sc.appendChild(st);
s3.appendChild(sc);
}
}

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com