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 相关文章推荐
javascript两段代码,两个小技巧
Feb 04 Javascript
jQuery与其它库冲突的解决方法
Jun 25 Javascript
各浏览器对document.getElementById等方法的实现差异解析
Dec 05 Javascript
采用call方式实现js继承
May 20 Javascript
node.js中的fs.ftruncate方法使用说明
Dec 15 Javascript
基于jquery实现百度新闻导航菜单滑动动画
Mar 15 Javascript
JavaScript原型继承_动力节点Java学院整理
Jun 30 Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 Javascript
laydate 显示结束时间不小于开始时间的实例
Aug 11 Javascript
Vue props 单向数据流的实现
Nov 06 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
Dec 12 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
Nov 06 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 ZipArchive压缩函数详解实例
2013/11/06 PHP
PHP封装的HttpClient类用法实例
2015/06/17 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
Zend Framework前端控制器用法示例
2016/12/11 PHP
基于php流程控制语句和循环控制语句(讲解)
2017/10/23 PHP
laravel 解决Eloquent ORM的save方法无法插入数据的问题
2019/10/21 PHP
html读出文本文件内容
2007/01/22 Javascript
javascript 获取图片颜色
2009/04/05 Javascript
jQuery 性能优化指南 (1)
2009/05/21 Javascript
js实现简单锁屏功能实例
2015/05/27 Javascript
基于JavaScript实现动态创建表格和增加表格行数
2015/12/20 Javascript
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
怎样判断jQuery当前元素是隐藏还是显示
2016/11/23 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
2017/05/22 Javascript
webpack学习笔记之代码分割和按需加载的实例详解
2017/07/20 Javascript
Django使用多数据库的方法
2017/09/06 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
2018/09/20 jQuery
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
2019/06/05 Javascript
Nodejs封装类似express框架的路由实例详解
2020/01/05 NodeJs
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
解决Matplotlib图表不能在Pycharm中显示的问题
2018/05/24 Python
django js实现部分页面刷新的示例代码
2018/05/28 Python
python3 map函数和filter函数详解
2019/08/26 Python
python 图像处理画一个正弦函数代码实例
2019/09/10 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
携程旅行网:中国领先的在线旅行服务公司
2017/02/17 全球购物
init进程的作用
2015/08/20 面试题
大学新生军训个人的自我评价
2013/10/03 职场文书
大学教师年终总结的自我评价
2013/10/29 职场文书
机电工程学生自荐信范文
2013/12/07 职场文书
工程造价专业求职信
2014/07/17 职场文书
教师节学生演讲稿
2014/09/03 职场文书
医院党建工作总结2015
2015/05/26 职场文书
机关干部正风肃纪心得体会
2016/01/15 职场文书