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 DOM 学习第七章 表单的扩展
Feb 19 Javascript
JavaScript学习笔记之DOM基础 2.4
Aug 14 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
Aug 28 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
Oct 04 Javascript
谈谈对offsetleft兼容性的理解
Nov 11 Javascript
浅析在javascript中创建对象的各种模式
May 06 Javascript
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
Aug 03 Javascript
jQuery鼠标悬停内容动画切换效果
Apr 27 jQuery
深入浅析Vue不同场景下组件间的数据交流
Aug 15 Javascript
Angular6 用户自定义标签开发的实现方法
Jan 08 Javascript
解决vue单页面应用中动态修改title问题
Jun 09 Javascript
vue中 this.$set的用法详解
Sep 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
PHP4在WinXP下IIS和Apache2服务器上的安装实例
2006/10/09 PHP
PHP关联链接常用代码
2012/11/05 PHP
使用PHP开发留言板功能
2019/11/19 PHP
关于jQuery的inArray 方法介绍
2011/10/08 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
2015/07/08 Javascript
使用Browserify配合jQuery进行编程的超级指南
2015/07/28 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
javascript获取wx.config内部字段解决微信分享
2016/03/09 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
详解Nodejs的timers模块
2016/12/22 NodeJs
bootstrap模态框远程示例代码分享
2017/05/22 Javascript
Django+vue跨域问题解决的详细步骤
2019/01/20 Javascript
vue添加class样式实例讲解
2019/02/12 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
Python中使用urllib2模块编写爬虫的简单上手示例
2016/01/20 Python
Python内置函数 next的具体使用方法
2017/11/24 Python
python编程线性回归代码示例
2017/12/07 Python
python基于ID3思想的决策树
2018/01/03 Python
终端命令查看TensorFlow版本号及路径的方法
2018/06/13 Python
使用python将大量数据导出到Excel中的小技巧分享
2018/06/14 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
详解Python GUI编程之PyQt5入门到实战
2020/12/10 Python
Shopee印度尼西亚:东南亚与台湾市场最大电商平台
2018/06/17 全球购物
微软中国官方商城:Microsoft Store中国
2018/10/12 全球购物
黑猩猩商店:The Chimp Store
2020/02/12 全球购物
户籍证明模板
2014/09/28 职场文书
软弱涣散基层党组织整改方案
2014/10/25 职场文书
音乐剧猫观后感
2015/06/04 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
用Python简陋模拟n阶魔方
2021/04/17 Python
使用Python获取字典键对应值的方法
2022/04/26 Python