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类
Sep 08 Javascript
JavaScript使用技巧精萃[代码非常实用]
Nov 21 Javascript
js判断运行jsp页面的浏览器类型以及版本示例
Oct 30 Javascript
引用 js在IE与FF之间的区别详细解析
Nov 20 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
May 17 Javascript
jquery实现下拉框左右选择功能
Feb 21 Javascript
js eval函数使用,js对象和字符串互转实例
Mar 06 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
May 12 Javascript
angular4自定义组件详解
Sep 28 Javascript
node.js ws模块搭建websocket服务端的方法示例
Apr 25 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
jQuery实现广告显示和隐藏动画
Jul 04 jQuery
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中实现获取IP和地理位置类分享
2015/02/10 PHP
PHP CodeIgniter框架的工作原理研究
2015/03/30 PHP
JS的数组的扩展实例代码
2008/07/09 Javascript
js 提交和设置表单的值
2008/12/19 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
JavaScript栏目列表隐藏/显示简单实现
2013/04/03 Javascript
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
2016/06/24 Javascript
深入理解JavaScript定时机制
2016/10/27 Javascript
干货!教大家如何选择Vue和React
2017/03/13 Javascript
重新理解JavaScript的六种继承方式
2017/03/24 Javascript
node实现基于token的身份验证
2018/04/09 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
2018/08/01 Javascript
全面解读Python Web开发框架Django
2014/06/30 Python
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
Django中实现点击图片链接强制直接下载的方法
2015/05/14 Python
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
Python装饰器模式定义与用法分析
2018/08/06 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
matlab中二维插值函数interp2的使用详解
2020/04/22 Python
python如何用matplotlib创建三维图表
2021/01/26 Python
Jupyter安装拓展nbextensions及解决官网下载慢的问题
2021/03/03 Python
基于CSS3特效之动画:animation的应用
2013/05/09 HTML / CSS
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
全面解析HTML5中的标准属性与自定义属性
2016/02/18 HTML / CSS
Java程序员面试题
2016/09/27 面试题
营业员个人总结的自我评价
2013/10/25 职场文书
医学专业五年以上个人求职信
2013/12/03 职场文书
总经理岗位职责
2015/02/04 职场文书
订货会主持词
2015/07/01 职场文书
2016年春节问候语
2015/11/11 职场文书
纪律委员竞选稿
2015/11/19 职场文书
《秋思》教学反思
2016/02/23 职场文书
德劲DE1102数字调谐收音机机评
2022/04/07 无线电