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 相关文章推荐
基于JQuery的一个简单的鼠标跟随提示效果
Sep 23 Javascript
Jqyery中同等与js中windows.onload的应用
May 10 Javascript
js函数的引用, 关于内存的开销
Sep 17 Javascript
滚动图片效果 jquery实现回旋滚动效果
Jan 08 Javascript
用innerhtml提高页面打开速度的方法
Aug 02 Javascript
JS嵌套函数调用上下文的问题解决
Mar 26 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
Mar 12 Javascript
基于jQuery实现的幻灯图片切换
Dec 02 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
Apr 12 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
Aug 13 jQuery
layui实现根据table数据判断按钮显示情况的方法
Sep 26 Javascript
详解JavaScript修改注册表的方法
Jan 05 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性能的原理介绍
2012/09/05 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
详解PHP中的PDO类
2015/07/06 PHP
php策略模式简单示例分析【区别于工厂模式】
2019/09/25 PHP
Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解
2019/10/11 PHP
js截取中英文字符串、标点符号无乱码示例解读
2014/04/17 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
2016/03/25 Javascript
jquery实现自适应banner焦点图
2017/02/16 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
JS常用正则表达式总结【经典】
2017/05/12 Javascript
vue解决跨域路由冲突问题思路解析
2017/11/03 Javascript
详解各版本React路由的跳转的方法
2018/05/10 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
2018/09/16 Javascript
JS canvas绘制五子棋的棋盘
2020/05/28 Javascript
vue中的使用token的方法示例
2020/03/10 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
2020/07/21 Javascript
Windows下的Python 3.6.1的下载与安装图文详解(适合32位和64位)
2018/02/21 Python
python实现寻找最长回文子序列的方法
2018/06/02 Python
django基于存储在前端的token用户认证解析
2019/08/06 Python
Django 导出项目依赖库到 requirements.txt过程解析
2019/08/23 Python
基于Python实现剪切板实时监控方法解析
2019/09/11 Python
kafka-python 获取topic lag值方式
2019/12/23 Python
python requests模拟登陆github的实现方法
2019/12/26 Python
Pandas之read_csv()读取文件跳过报错行的解决
2020/04/21 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
汽车维修求职信
2014/06/15 职场文书
环境卫生倡议书
2014/08/29 职场文书
倡议书格式
2014/08/30 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
2014年保卫工作总结
2014/12/05 职场文书
员工工作表扬信
2015/05/05 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android
使用redis实现延迟通知功能(Redis过期键通知)
2021/09/04 Redis
Android自定义ScrollView实现阻尼回弹
2022/04/01 Java/Android