巧取下拉列表框的显示值

第一步在 option 标签中 加 id=value值

<select name="citySelect" id="citySelect" onchange="javascript:changeCity();">

<option value="" selected="selected">不限</option>

<option id="0005" value="0005" >重庆</option>

<option id="0004" value="0004" >天津</option>

 <option id="0006" value="0006" >武汉</option>
<option id="0001" value="0001" >北京</option>

  <option id="0003" value="0003" >广州</option>

<option id="0002" value="0002" >上海</option>

</select>

 

js脚本

function changeCity(){

   //获取下拉列表选中的value值
 var cityName=document.getElementById("citySelect").value; 

   //根据value在获取id=value的innerHTML就行了
 cityName=document.getElementById(cityName).innerHTML;
 alert(cityName);
}