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 相关文章推荐
php图像生成函数之间的区别分析
Dec 06 Javascript
javascript 实现简单的table排序及table操作练习
Dec 28 Javascript
jQuery中add()方法用法实例
Jan 08 Javascript
javascript中eval函数用法分析
Apr 25 Javascript
jQuery解析XML文件同时动态增加js文件的方法
Jun 01 Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
Feb 23 Javascript
详解node HTTP请求客户端 - Request
May 05 Javascript
JavaScript同源策略和跨域访问实例详解
Apr 03 Javascript
关于Vue项目跨平台运行问题的解决方法
Sep 18 Javascript
js实现百度登录窗口拖拽效果
Mar 19 Javascript
vue特效之翻牌动画
Apr 20 Vue.js
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
从零开始学YII2框架(四)扩展插件yii2-kartikgii
2014/08/20 PHP
php类自动加载器实现方法
2015/07/28 PHP
thinkphp中字符截取函数msubstr()用法分析
2016/01/09 PHP
实例讲解如何在PHP的Yii框架中进行错误和异常处理
2016/03/17 PHP
PHP正则表达式函数preg_replace用法实例分析
2020/06/04 PHP
JavaScript 学习笔记(十四) 正则表达式
2010/01/22 Javascript
eclipse导入jquery包后报错的解决方法
2014/02/17 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
概述jQuery中的ajax方法
2016/12/16 Javascript
vue.js学习笔记:如何加载本地json文件
2017/01/17 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
详解node+express+ejs+bootstrap构建项目
2017/09/27 Javascript
layui点击按钮添加可编辑的一行方法
2018/08/15 Javascript
使用vue.js在页面内组件监听scroll事件的方法
2018/09/11 Javascript
vue element动态渲染、移除表单并添加验证的实现
2019/01/16 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
2019/02/12 Javascript
刷新页面后让控制台的js代码继续执行
2019/09/20 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
2019/09/24 Javascript
小程序接入腾讯位置服务的详细流程
2020/03/03 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
Python输出9*9乘法表的方法
2015/05/25 Python
Python验证码识别的方法
2015/07/10 Python
Python中的迭代器与生成器高级用法解析
2016/06/28 Python
Django实现组合搜索的方法示例
2018/01/23 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
Python3如何使用range函数替代xrange函数
2020/10/05 Python
Python+Xlwings 删除Excel的行和列
2020/12/19 Python
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
信息管理专业学生自荐信格式
2013/09/22 职场文书
个人剖析材料及整改措施
2014/10/07 职场文书
工作推荐信模板
2015/03/25 职场文书
经济纠纷起诉状
2015/05/20 职场文书
2015年校本培训工作总结
2015/07/24 职场文书
Python matplotlib安装以及实现简单曲线的绘制
2022/04/26 Python