需求:
将用户点击下拉列表当中某个选项后,将其所选的内容保存起来。
1,html内容部分
即当用户选择“上海”这一列时,需要将“上海”这个名称保存起来。
2,javascript代码:
<script> function isSelected(value) { var cityName; var city = document.getElementById("city"); //获取选中的城市名称 for(i=0;i<city.length;i++){ if(city[i].selected==true){ cityName = city[i].innerText; //关键点 alert("cityName:" + cityName); } } </script>
或者
<script> function isSelected(value) { var city = document.getElementById("city"); alert(city.options[city.selectedIndex].innerText); } </script>
代码说明:
首先,在HTML页面上有一个下拉框,并为此下拉框定了一个“city”的id,并为其绑定了一个onchange事件,通过此事件调用javascript函数。
在javascript函数当中,通过domcument对象获取当前下拉框的节点元素,由于节点的值并非只有一个,所以可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中,如果选中则使用city[i].innerText 方式获取当前所选中的文本值。当然如果需要获取选项值,只需如此即可:city[i].value.
以上方法适用于IE浏览器,在Firefox下需要将city[i].innerText 改为 city[i].text即可,这样就可以获取下拉列表框中的文本值了。该方法适用于IE及FIXEFOX浏览器。