小朋友在我的启发下自己写了个select的联动相关的东西

于 2010-11-23 21:35:00 发布
阅读量459 收藏
点赞数 2
文章标签： button function div input html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/serryzhao/article/details/6030743
版权 
<html xmlns="http://www.w3.org/1999/xhtml">   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   
<title>javascript获取下拉列表的值</title>   

  
<script type="text/javascript">   


function dis(){

	
 
        var temp1 = "北京2";
	var sele="";
	var temp2 = "0";
	sele=document.getElementById("city111").value;
   	 if(sele=="1"){
		document.getElementById("city222").disabled=true;
		temp1=document.getElementById("city222").options[document.getElementById("city222").selectedIndex].text;
		temp2 =document.getElementById("city222").selectedIndex;
		document.getElementById("city222").options[document.getElementById("city222").selectedIndex].text="";
		
    	}else{
	
		document.getElementById("city222").disabled=false;
		document.getElementById("city222").options[temp2].text=temp1;
	}
}

function dkdk(){
var temp1 = "";
var temp2 = "";
  alert("1111111");
  alert(document.getElementById("city111").disabled);
  if(document.getElementById("city111").disabled==false && document.getElementById("city222").disabled==true){
	alert("111");
	document.getElementById("city222").disabled=false;
        document.getElementById("city111").disabled=true
	temp1 = document.getElementById("city111").options[document.getElementById("city111").selectedIndex].text="";
	document.getElementById("city222").options[document.getElementById("city222").selectedIndex].text=temp2
	

  }else if(document.getElementById("city111").disabled==true && document.getElementById("city222").disabled==false){
//document.getElementById("").options[document.getElementById("").selectedIndex].attributes[""].value 
	alert("222");
        document.getElementById("city111").disabled=false
	document.getElementById("city222").disabled=true;
	temp2 = document.getElementById("city222").options[document.getElementById("city222").selectedIndex].text="";
  }}

</script>   
  
</head>   
  
<body style="text-align:center">
<div id="div111">
<tr id="trid">   
<p>JavaScript获取下拉列表的值</p>   
<p>   
  <select id="city111" onChange=dis(); >   
    <option value="1">北京</option>   
    <option value="2">上海</option>   
   
  </select>   

</p>
</tr>
</div>
<div id="div222">
<tr id="trid">   
<p>JavaScript获取下拉列表的值</p>   
<p>   
  <select id="city222" disabled>   
    <option value="1">北京2</option>   
    <option value="2">上海2</option>   
    <option value="3">广州2</option>   
    <option value="4">深圳2</option>   
    <option value="5">重庆2</option>   
    <option value="6">南京2</option>   
    <option value="7">杭州2</option>   
  </select>   

</p>
</tr>
</div>
<tr id="ttid">


<input type="button" id="button1" value="disable掉另一个" onclick="dis()"/>
<p>     
</tr>
</p>   
</body>   
</html>
serryzhao
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值