获取下拉列表中的文本值

paulfzm

近日工作中碰到一个问题，需要将用户点击下拉列表当中某个选项后，将其所选的内容保存起来，如下面的HTML代码：

<select onchange="isSelected(this.value);" id="city">           <option value="1">北京</option>
          <option value="2" >上海</option>
          <option value="2" >广州</option>
</select>
 
  
 
也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：
 
 

function isSelected(value) {

var cityName;

    var city = document.getElementById("city");

       //获取选中的城市名称

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

           if(city.selected==true){

            cityName = city.innerText;  //关键点

            alert("cityName:" + cityName);

           }

       }