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 相关文章推荐
HTTP状态代码以及定义(解释)
Feb 02 Javascript
extjs grid设置某列背景颜色和字体颜色的方法
Sep 03 Javascript
JQuery实现表格动态增加行并对新行添加事件
Jul 30 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
Jun 01 Javascript
jQuery Raty 一款不错的星级评分插件
Aug 24 Javascript
bootstrap datetimepicker实现秒钟选择下拉框
Jan 05 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
Sep 21 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
bootstrap实现tab选项卡切换
Aug 09 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
Oct 20 Javascript
Vue实现boradcast和dispatch的示例
Nov 13 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的日期与时间函数技巧
2008/04/24 PHP
php+iframe实现隐藏无刷新上传文件
2012/02/10 PHP
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
thinkphp中多表查询中防止数据重复的sql语句(必看)
2016/09/22 PHP
jQuery 行背景颜色的交替显示(隔行变色)实现代码
2009/12/13 Javascript
关于Aptana Studio生成自动备份文件的解决办法
2009/12/23 Javascript
JavaScript的事件绑定(方便不支持js的时候)
2013/10/01 Javascript
javascript的解析执行顺序在各个浏览器中的不同
2014/03/17 Javascript
JavaScript获取网页支持表单字符集的方法
2015/04/02 Javascript
jquery实现的用户注册表单提示操作效果代码分享
2015/08/28 Javascript
JS实现IE状态栏文字缩放效果代码
2015/10/24 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
js学习笔记之事件处理模型
2016/10/31 Javascript
Vue 获取数组键名的方法
2018/06/21 Javascript
Vue运用transition实现过渡动画
2019/05/06 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
[04:10]2016国际邀请赛中国区预选赛第二日TOP10精彩集锦
2016/06/28 DOTA
Python编程中归并排序算法的实现步骤详解
2016/05/04 Python
Python基于TCP实现会聊天的小机器人功能示例
2018/04/09 Python
pycharm+PyQt5+python最新开发环境配置(踩坑)
2019/02/11 Python
Python中字符串与编码示例代码
2019/05/20 Python
python 判断字符串中是否含有汉字或非汉字的实例
2019/07/15 Python
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
Python中的sys.stdout.write实现打印刷新功能
2020/02/21 Python
使用Python获取当前工作目录和执行命令的位置
2020/03/09 Python
python基于socket函数实现端口扫描
2020/05/28 Python
python Scrapy框架原理解析
2021/01/04 Python
美国领先的家居装饰和礼品商店:Kirkland’s
2017/01/30 全球购物
Ted Baker美国官网:英国时尚品牌
2018/10/29 全球购物
求职信的要素有哪些呢
2013/12/26 职场文书
社区党务公开实施方案
2014/03/18 职场文书
研究生求职自荐书
2014/06/23 职场文书
党课心得体会范文
2014/09/09 职场文书
高校群众路线教育实践活动剖析材料
2014/10/10 职场文书
用React Native制作一个简单的游戏引擎
2021/05/27 Javascript
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL