求大家JS如何得到select的option的问题，我快要崩溃了。。。。。。。

chaofd 2009-12-29 08:01:56

比如有两个HTML下拉列表，如何得到第1个下拉列表的第i个元素处的option，然后替换第2个下拉第i个下拉列表元素的option?

...全文

82 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

bancxc 2009-12-29

打赏
举报





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

<head><title>



</title>

 

         <script language="javascript" >



 

        function Button1_onclick() {

            var i = 0;

            var count = 0;

            var s = "";

            var v = ""; 

            var o = document.getElementById("listbox1");

            

            for(i=0;i<o.length;i++){   

                if(o.options[i].selected){

                    count++;

                    s = s + o.options[i].text;

                    v = v + o.options[i].value;

                }

            }

            alert(s);

            alert(v);

//            if (count > 2) {

//                alert(count);

//            }

            

        }



         </script>

</head>

<body>

    <form name="form1" method="post" action="Default.aspx" id="form1">

<div>

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJMTExMTQ2OTkwZBgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WAQUIbGlzdGJveDHwaLlEAywIp6GTmQSlnG4KpwzdBw==" />

</div>



<div>



	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBQKV1JS7CwK33rHjBQLC3sniBQLD3sniBQLB3sniBdQ4pSC4rgd8gdQKTRKQ93nte58k" />

</div>

    <select size="4" name="listbox1" multiple="multiple" id="listbox1" onpreclick="return Button1_onclick()" style="height:92px;width:148px;">

	<option value="vv">a </option>

	<option value="a">b </option>

	<option value="b">c </option>

	<option value="d">d </option>



</select>     

     <input id="Button1" type="button" value="button" onclick="return Button1_onclick()" /></form>

   

</body>

</html>

pt1314917 2009-12-29

打赏
举报



<select id="t1">

<option>aa</option>

<option>bb</option>

</select>



<select id="t2">

<option>cc</option>

<option>dd</option>

</select>



<input type="button" value="替换" onclick="rep();"/>



<script>

function rep()

{

     var sel1=document.getElementById("t1");

     var sel2=document.getElementById("t2");

     sel1.options[1].text=sel2.options[1].text;

}

</script>