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 相关文章推荐
对联广告js flash激活
Oct 19 Javascript
js data日期初始化的5种方法
Dec 29 Javascript
JavaScript分析、压缩工具JavaScript Analyser
Dec 31 Javascript
jQuery+jRange实现滑动选取数值范围特效
Mar 14 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
javascript常见数据验证插件大全
Aug 03 Javascript
原生JavaScript实现Tooltip浮动提示框特效
Mar 07 Javascript
js中作用域的实例解析
Mar 16 Javascript
利用jQuery解析获取JSON数据
Apr 08 jQuery
jquery实现提示语淡入效果
May 05 jQuery
微信小程序实现下拉菜单切换效果
Mar 30 Javascript
详解JavaScript栈内存与堆内存
Apr 04 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
深入Nginx + PHP 缓存详解
2013/07/11 PHP
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
PHP的AES加密算法完整实例
2016/07/20 PHP
ThinkPHP 模板引擎使用详解
2017/05/07 PHP
jquery tools 系列 scrollable学习
2009/09/06 Javascript
javascript cookies 设置、读取、删除实例代码
2010/04/12 Javascript
jQuery+css+html实现页面遮罩弹出框
2013/03/21 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
2015/02/03 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
iframe中使用jquery进行查找的方法【案例分析】
2016/06/17 Javascript
两行代码轻松搞定JavaScript日期验证
2016/08/03 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
Vue2.x-使用防抖以及节流的示例
2021/03/02 Vue.js
python调用cmd命令行制作刷博器
2014/01/13 Python
用pywin32实现windows模拟鼠标及键盘动作
2014/04/22 Python
python字符串,数值计算
2016/10/05 Python
78行Python代码实现现微信撤回消息功能
2018/07/26 Python
实例讲解Python3中abs()函数
2019/02/19 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
opencv python 图像轮廓/检测轮廓/绘制轮廓的方法
2019/07/03 Python
让Python脚本暂停执行的几种方法(小结)
2019/07/11 Python
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
魅力惠奢品线上平台:MEI.COM
2016/11/29 全球购物
日语翻译个人求职的自我评价
2013/10/14 职场文书
办理生育手续介绍信
2014/01/14 职场文书
办公室文员自荐书
2014/02/03 职场文书
竞选班干部演讲稿600字
2014/08/20 职场文书
2014年党员自我评议(5篇)
2014/09/12 职场文书
个人总结与自我评价
2014/09/18 职场文书
校长师德师风自我剖析材料
2014/09/29 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
2015年新教师个人工作总结
2015/10/14 职场文书
施工安全责任协议书
2016/03/23 职场文书
理解python中装饰器的作用
2021/07/21 Python
python实现会员信息管理系统(List)
2022/03/18 Python