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 相关文章推荐
Extjs中常用表单介绍与应用
Jun 07 Javascript
Node.js(安装,启动,测试)
Jun 09 Javascript
angularjs中的单元测试实例
Dec 06 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
纯JavaScript实现的分页插件实例
Jul 14 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 Javascript
Angular中的interceptors拦截器
Jun 25 Javascript
vue实现单选和多选功能
Aug 11 Javascript
微信小程序实现折叠与展开文章功能
Jun 12 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
node.js使用fs读取文件出错的解决方案
Oct 23 Javascript
24个解决实际问题的ES6代码片段(小结)
Feb 02 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
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
jquery 简单应用示例总结
2013/08/09 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
jquery easyui 结合jsp简单展现table数据示例
2014/04/18 Javascript
ajax提交表单实现网页无刷新注册示例
2014/05/08 Javascript
js加入收藏夹代码(兼容ie/ff/op)
2014/05/16 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
jQuery基于BootStrap样式实现无限极地区联动
2016/08/26 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
2017/12/14 Javascript
微信小程序实现折叠面板
2018/01/31 Javascript
详解React中setState回调函数
2018/06/14 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
2019/01/20 Javascript
详解关于element级联选择器数据回显问题
2019/02/20 Javascript
jQuery pager.js 插件动态分页功能实例分析
2019/08/02 jQuery
详解mpvue开发微信小程序基础知识
2019/09/23 Javascript
vue中父子组件传值,解决钩子函数mounted只运行一次的操作
2020/07/27 Javascript
[01:02:48]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Liquid
2018/04/03 DOTA
C#返回当前系统所有可用驱动器符号的方法
2015/04/18 Python
Linux系统上Nginx+Python的web.py与Django框架环境
2015/12/25 Python
Python学习教程之常用的内置函数大全
2017/07/14 Python
详解如何利用Cython为Python代码加速
2018/01/27 Python
使用Python实现Wake On Lan远程开机功能
2020/01/22 Python
使用Python操作ArangoDB的方法步骤
2020/02/02 Python
python tkinter GUI绘制,以及点击更新显示图片代码
2020/03/14 Python
使用python批量转换文件编码为UTF-8的实现
2020/04/03 Python
基于python模拟TCP3次握手连接及发送数据
2020/11/06 Python
python模拟点击在ios中实现的实例讲解
2020/11/26 Python
CSS3中currentColor关键字的妙用
2016/02/27 HTML / CSS
水果连锁超市创业计划书
2014/01/24 职场文书
2014年学习厉行节约反对浪费思想汇报
2014/09/10 职场文书
实习证明格式范文
2014/10/14 职场文书
民主评议党员自我鉴定
2014/10/21 职场文书
2015年民主生活会发言材料
2014/12/15 职场文书
2015年小学体育工作总结
2015/05/22 职场文书
MySQL 分页查询的优化技巧
2021/05/12 MySQL
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA