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 相关文章推荐
Three.js源码阅读笔记(光照部分)
Dec 27 Javascript
鼠标放在图片上显示大图的JS代码
Mar 26 Javascript
JavaScript设计模式之单件模式介绍
Dec 28 Javascript
jQuery自动完成插件completer附源码下载
Jan 04 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
Jun 12 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
Aug 06 Javascript
探索Vue.js component内容实现
Nov 03 Javascript
Node.js 基础教程之全局对象
Aug 06 Javascript
vue移动端下拉刷新和上拉加载的实现代码
Sep 08 Javascript
vue webpack开发访问后台接口全局配置的方法
Sep 18 Javascript
javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解
Jan 19 Javascript
vue 解决computed修改data数据的问题
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
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
PHP stream_context_create()函数的使用示例
2015/05/12 PHP
PHP抽象类基本用法示例
2018/12/28 PHP
jquery实现div拖拽宽度示例代码
2013/07/31 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
2015/12/20 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
2017/01/20 Javascript
原生JS+Canvas实现五子棋游戏实例
2017/06/19 Javascript
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
2017/09/10 Javascript
将jquery.qqFace.js表情转换成微信的字符码
2017/12/01 jQuery
Vue CLI 3.x 自动部署项目至服务器的方法
2019/04/02 Javascript
微信小程序实现点击图片放大预览
2019/10/21 Javascript
JavaScript冒泡算法原理与实现方法深入理解
2020/06/04 Javascript
vue 解决provide和inject响应的问题
2020/11/12 Javascript
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
Python中apply函数的用法实例教程
2014/07/31 Python
python爬虫实战之爬取京东商城实例教程
2017/04/24 Python
Python中的id()函数指的什么
2017/10/17 Python
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
python如何为创建大量实例节省内存
2018/03/20 Python
python pandas中DataFrame类型数据操作函数的方法
2018/04/08 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
django 自定义过滤器的实现
2019/02/26 Python
Django使用Jinja2模板引擎的示例代码
2019/08/09 Python
Ranorex通过Python将报告发送到邮箱的方法
2020/01/12 Python
Python 改变数组类型为uint8的实现
2020/04/09 Python
python nohup 实现远程运行不宕机操作
2020/04/16 Python
基于CSS3特效之动画:animation的应用
2013/05/09 HTML / CSS
美国定制钻石订婚戒指:Ritani
2017/12/08 全球购物
财务出纳员岗位职责
2013/11/26 职场文书
大学生自荐书范文
2013/12/10 职场文书
高中军训感言200字
2014/02/23 职场文书
文艺晚会主持词
2014/03/24 职场文书
使用CSS实现一个搜索引擎的原理解析
2021/09/25 HTML / CSS
《废话连篇——致新手》——chinapizza
2022/04/05 无线电