移动下拉框选项--使用Array的push（）、pop（）

最新推荐文章于 2023-12-21 11:55:40 发布

epinszteinic

最新推荐文章于 2023-12-21 11:55:40 发布

阅读量1.2k

点赞数

分类专栏： javascript 文章标签： function generator html javascript input button

本文链接：https://blog.csdn.net/epinszteinic/article/details/581057

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

code:
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<select id="s1">
    <option selected>1111</option>
    <option>2222</option>
    <option>3333</option>
</select>
<br>
<select id="s2">
    <option selected>Bei Jing</option>
    <option>Shang Hai</option>
    <option>Guang Zhou</option>
</select>
<br>
<input type="text" id="t1" οnblur="add()"/>
<br>
<select id="sr" multiple size="10" style="width:300">
</select>
<input type="button" value="removeSelected" οnclick="removeSelected()">
<script language="javascript">
function add(){
    var str1 =document.all.s1.options[document.all.s1.selectedIndex].innerText;
    var str2 =document.all.s2.options[document.all.s2.selectedIndex].innerText;
    var str3 =document.all.t1.value;
    var result = str1 + str2 + str3;

    var oOption =document.createElement("OPTION");
    oOption.innerText = result;
    document.all.sr.appendChild(oOption);
}

function removeSelected(){
    var selectedIndArray =new Array();
    for(var i=0;i<document.all.sr.options.length;i++){
        if(document.all.sr.options[i].selected ==true){
            selectedIndArray.push(document.all.sr.options[i]);
        }
    }
    if(selectedIndArray.length == 0){
        //alert("not select");
        return;
    }else{
        while(selectedIndArray.length != 0){
            var node = selectedIndArray.pop();
            document.all.sr.removeChild(node);
        }
    }
}
</script>
</BODY>
</HTML>