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 极速 隐藏/显示万行表格列只需 60毫秒
Mar 28 Javascript
基于jQuery中对数组进行操作的方法
Apr 16 Javascript
调试代码导致IE出错的避免方法
Apr 04 Javascript
JS实现刷新父页面不弹出提示框的方法
Jun 22 Javascript
用JS写的一个Ajax库(实例代码)
Aug 06 Javascript
获取JavaScript异步函数的返回值
Dec 21 Javascript
bootstrap weebox 支持ajax的模态弹出框
Feb 23 Javascript
AngularJS的ng-click传参的方法
Jun 19 Javascript
Django使用多数据库的方法
Sep 06 Javascript
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
微信小程序之swiper滑动面板用法示例
Dec 04 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 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浏览历史记录的方法
2015/03/10 PHP
php使用GD创建保持宽高比缩略图的方法
2015/04/17 PHP
phpinfo() 中 Local Value(局部变量)Master Value(主变量) 的区别
2016/02/03 PHP
Yii2中多表关联查询hasOne hasMany的方法
2017/02/15 PHP
ExtJs使用总结(非常详细)
2012/03/22 Javascript
使用jQuery.fn自定义jQuery翻页插件
2013/01/20 Javascript
jquery操作对象数组元素方法详解
2014/11/26 Javascript
Nodejs关于gzip/deflate压缩详解
2015/03/04 NodeJs
JQuery中attr方法和removeAttr方法用法实例
2015/05/18 Javascript
jquery实现的判断倒计时是否结束代码
2016/02/05 Javascript
jQuery插件制作的实例教程
2016/05/16 Javascript
前端 Vue.js 和 MVVM 详细介绍
2016/12/29 Javascript
详解Angular 4 表单快速入门
2017/06/05 Javascript
bootstrap Table的一些小操作
2017/11/01 Javascript
浅谈AngularJS中$http服务的简单用法
2018/05/15 Javascript
vue完成项目后,打包成静态文件的方法
2018/09/03 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
前端天气插件tpwidget使用方法详解
2019/06/24 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
js实现简单选项卡制作
2020/08/05 Javascript
vue实现抽屉弹窗效果
2020/11/15 Javascript
微信小程序反编译的实现
2020/12/10 Javascript
python实现简单的TCP代理服务器
2014/10/08 Python
Python中使用strip()方法删除字符串中空格的教程
2015/05/20 Python
Python 绘图库 Matplotlib 入门教程
2018/04/19 Python
Django框架实现的简单分页功能示例
2018/12/04 Python
Python实现直播推流效果
2019/11/26 Python
纯CSS3实现移动端展开和收起效果的示例代码
2020/04/26 HTML / CSS
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
linux下进程间通信的方式
2013/01/23 面试题
小车司机岗位职责
2013/11/25 职场文书
企业管理培训感言
2014/01/27 职场文书
导游词之吉林花园山
2019/10/17 职场文书
golang 实现Location跳转方式
2021/05/02 Golang