js获取select值(兼容火狐、IE浏览器)

发布时间:2020-01-10编辑:脚本学堂
本文介绍下,用js获取select中值的方法,可以兼容火狐firefox与IE浏览器,有需要的朋友参考下吧。

1,html内容部分

复制代码 代码示例:
  <SELECT name="games" style="width:143px">
   <option value="2c90a0d728f7ae080128f7aeb9560001">test100大赛1</option>  
   <option value="2c90a0d728f7ae080128f7b30f630012">test100大赛1</option>
   <option value="2c90a0d728f7ae080128f7b49dde0023">test100大赛1</option>
   <option value="2c90a0d728f7ae080128f7b5b4250034">test100大赛1</option>
   <option value="2c90a0d728f7c5330128f7c8f69b001c">222test100大赛2222 </option>
   <option value="2c90a0d728f7dde30128f7de8a1b0001">33test大赛</option>  
</SELECT>

2,兼容火狐与IE浏览器的代码:

<script>
/**
* 取得select中的值
* edit www.jb200.com
*/
function chooseGeme(){
  var games =document.getElementsByName("games")[0];
  var gameoid = games.options[games.selectedIndex].value;
  if(gameoid!=""){
   window.location.href='userExternal.do?method=choseUserForward&type=1&gameoid='+gameoid;
  }else{
    alert("请选择正确的大赛");
  }
  }
</script>

不兼容:

<script>
  function chooseGeme(){
  var gameoid =  document.getElementById("games").value;
  if(gameoid!=""){
   window.location.href='userExternal.do?method=choseUserForward&type=1&gameoid='+gameoid;
  }else{
    alert("请选择正确的大赛");
  }
  }
 </script>