js获取select标签的值且兼容IE与firefox


Posted in Javascript onDecember 30, 2013

jsp代码:

<form id="search">
 <select id="jobSelect" style="width: 200px;" name="jobSelect">
  <s:if test='jobSelect == null || jobSelect == ""'>
   <option selected="selected" value="-1">--依职类筛选--</option>
  </s:if>
  <s:else>
   <option value="-1">--依职类筛选--</option>
  </s:else>
  <s:iterator value="jobCat" status="s">
   <s:if test="jobSelect == catKey">
    <option value="<s:property value="catKey" />" selected="selected">
     <s:property value="catCnName" />
    </option>
   </s:if>
   <s:else>
    <option value="<s:property value="catKey" />">
     <s:property value="catCnName" />
    </option>
   </s:else>
  </s:iterator>
 </select> <br />
 <select id="areaSelect" style="width: 200px;" name="areaSelect">
  <s:if test='areaSelect == null || areaSelect == ""'>
   <option selected="selected" value="-1">--依地区筛选--</option>
  </s:if>
  <s:else>
   <option value="-1">--依地区筛选--</option>
  </s:else>
  <s:iterator value="workAreaCat" status="s">
   <s:if test="areaSelect == areaCat">
    <option value="<s:property value="areaCat" />" selected="selected">
     <s:property value="catCnName" />
    </option>
   </s:if>
   <s:else>
    <option value="<s:property value="areaCat" />">
     <s:property value="catCnName" />
    </option>
   </s:else>
  </s:iterator>
 </select>
 <input class="send2" type="button" onclick="validate();return false" value="查询" />
 <span style="color: red;" mce_style="color: red;" id="requiredParam"></span>
</form>

js代码:
<mce:script type="text/javascript"><!--
 validate = function(){
  var jobSelect;
  var areaSelect;
  var search = document.getElementById("search");
  for(var i=0;i<search.jobSelect.length;i++){
   if(search.jobSelect[i].selected){
    jobSelect = search.jobSelect[i].value;
   }
  }
  for(var i=0;i<search.areaSelect.length;i++){
   if(search.areaSelect[i].selected){
    areaSelect = search.areaSelect[i].value;
   }
  }
  if(jobSelect == -1 && areaSelect == -1){
   document.getElementById('requiredParam').innerHTML = '请设定筛选条件后查询';
   return;
  }
  var param = {
         target : '../Index/JobFrame.action',
         method : 'post',
         form   : 'search',
         div    : 'box'
     }
     var as = new AjaxSender(param);
     as.send()
 }
// --></mce:script
Javascript 相关文章推荐
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 Javascript
jquery入门—选择器实现隔行变色实例代码
Jan 04 Javascript
Js中获取frames中的元素示例代码
Jul 30 Javascript
jQuery遍历json中多个map的方法
Feb 12 Javascript
JQuery显示隐藏DIV的方法及代码实例
Apr 16 Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 Javascript
Webpack 实现 Node.js 代码热替换
Oct 22 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
Oct 31 Javascript
JS实现商品筛选功能
Aug 19 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
Jan 08 Javascript
bootstrap Table实现合并相同行
Jul 19 Javascript
详解Vue之事件处理
Jul 10 Javascript
jquery获得keycode的示例代码
Dec 30 #Javascript
原生javaScript做得动态表格(注释写的很清楚)
Dec 29 #Javascript
JS对象转换为Jquery对象实现代码
Dec 29 #Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 #Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
Dec 29 #Javascript
解决js中window.open弹出的是上次的缓存页面问题
Dec 29 #Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
Dec 29 #Javascript
You might like
php下几个常用的去空、分组、调试数组函数
2009/02/22 PHP
用PHP来计算某个目录大小的方法
2014/04/01 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
详谈PHP编码转换问题
2015/07/28 PHP
PHP表单验证内容是否为空的实现代码
2016/11/14 PHP
用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
2007/04/20 Javascript
javascript中数组array及string的方法总结
2014/11/28 Javascript
jQuery EasyUI Dialog拖不下来如何解决
2015/09/28 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
JS &amp; JQuery 动态添加 select option
2016/06/08 Javascript
JS中关于事件处理函数名后面是否带括号的问题
2016/11/16 Javascript
Bootstrap和Java分页实例第二篇
2016/12/23 Javascript
BootStrap便签页的简单应用
2017/01/06 Javascript
JavaScript函数柯里化原理与用法分析
2017/03/31 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
vue中动态添加class类名的方法
2018/09/05 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
2020/04/26 Javascript
[48:05]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VGJ.T vs VP
2018/03/31 DOTA
在Python程序中操作MySQL的基本方法
2015/07/29 Python
python实现redis三种cas事务操作
2017/12/19 Python
python实现基于SVM手写数字识别功能
2020/05/27 Python
Django给admin添加Action的步骤详解
2019/05/01 Python
Django中信号signals的简单使用方法
2019/07/04 Python
详解Python在使用JSON时需要注意的编码问题
2019/12/06 Python
python3光学字符识别模块tesserocr与pytesseract的使用详解
2020/02/26 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
python argparse传入布尔参数false不生效的解决
2020/04/20 Python
利用python制作拼图小游戏的全过程
2020/12/04 Python
销售主管岗位职责范本
2014/02/14 职场文书
青春奉献演讲稿
2014/05/08 职场文书
小学优秀班干部事迹材料
2014/05/25 职场文书
领导班子专题民主生活会情况想汇报
2014/09/30 职场文书
SQL Server Agent 服务无法启动
2022/04/20 SQL Server
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js
MySQL中LAG()函数和LEAD()函数的使用
2022/08/14 MySQL