js 再不写就忘了（select, div隐藏相关）已修改

本文链接：https://blog.csdn.net/serryzhao/article/details/5892641

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript获取下拉列表的值</title>

    var cityid = document.getElementById("city").value;
alert(cityid);
  changeBody(cityid);
return cityid;
}

/**

这个方法不太好重写了

function showText(){
var cityText = document.getElementById("city");
alert(cityText);
for(i= 0 ;i<cityText.length;i++){
if(cityText[i].selected == true){
alert(cityText[i].innerText);//这个在火狐浏览器中不支持

}
}

}

function showText(){
var cityText = document.getElementById("city");
alert(cityText[cityText.selectedIndex].innerText);
}

function gather(){
var pjValue = document.getElementById("pj").value;
var gatherValue = showValue() + " + "+ pjValue
alert("----------"+gatherValue)
}

function changeBody(index){
alert(index);
switch(index){

    case "1":{
      document.getElementById('div1').style.display = "";
      document.getElementById('div2').style.display = "none";
      document.getElementById('div3').style.display = "none";
      break;
    }
    case "2":{
      document.getElementById('div1').style.display = "none";
      document.getElementById('div2').style.display = "";
      document.getElementById('div3').style.display = "none";
      break;
    }
    case "3":{
      document.getElementById('div1').style.display = "none";
      document.getElementById('div2').style.display = "none";
      document.getElementById('div3').style.display = "";
      break;

    }
   default:{
      document.getElementById('div1').style.display = "";
      document.getElementById('div2').style.display = "";
      document.getElementById('div3').style.display = "";
      break;
}
}
}

</script>

</head>

<body style="text-align:center">
<p>JavaScript获取下拉列表的值</p>
<p>
<select id="city" >
    <option value="1">北京</option>
    <option value="2">上海</option>
    <option value="3">广州</option>
    <option value="4">深圳</option>
    <option value="5">重庆</option>
    <option value="6">南京</option>
    <option value="7">杭州</option>
</select>
</p>
文本：<input type="text" id="pj" value=""/>
<br>

<div style="display :none" id="div1"> hello this is div1</div>

<div style="display :none" id="div2">hello this is div2</div>

<div style="display :none" id="div3">hello this is div3</div>

<br>

js 再不写就忘了（select, div隐藏相关） 已修改

js 再不写就忘了（select, div隐藏相关）已修改