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 的 prototype问题。
Jan 03 Javascript
Node.js开发指南中的简单实例(mysql版)
Sep 17 Javascript
改变隐藏的input中value的值代码
Dec 30 Javascript
使用变量动态设置js的属性名
Oct 19 Javascript
javascript中checkbox使用方法实例演示
Nov 19 Javascript
jQuery自动完成插件completer附源码下载
Jan 04 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
Nov 25 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 Javascript
layui自己添加图片按钮并点击跳转页面的例子
Sep 14 Javascript
vue 虚拟DOM的原理
Oct 03 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随机显示图片的简单示例
2014/02/15 PHP
PHP与Web页面的交互示例详解二
2020/08/04 PHP
javascript支持firefox,ie7页面布局拖拽效果代码
2007/12/20 Javascript
QUnit jQuery的TDD框架
2010/11/04 Javascript
关于Mozilla浏览器不支持innerText的解决办法
2011/01/01 Javascript
JavaScript 产生不重复的随机数三种实现思路
2012/12/13 Javascript
js函数获取html中className所在的内容并去除标签
2013/09/08 Javascript
js形成页面的一种遮罩效果实例代码
2014/01/04 Javascript
再探JavaScript作用域
2014/09/24 Javascript
JS实现文档加载完成后执行代码
2015/07/09 Javascript
jQuery实现带水平滑杆的焦点图动画插件
2016/03/08 Javascript
轮播图组件js代码
2016/08/08 Javascript
Vue.js计算属性computed与watch(5)
2016/12/09 Javascript
axios基本入门用法教程
2017/03/25 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
2017/08/26 Javascript
详解nodejs通过响应回写的方式渲染页面资源
2018/04/07 NodeJs
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
2018/09/11 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
Vue实现页面添加水印功能
2019/11/09 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
[01:56]林书豪DOTA2上海特级锦标赛励志短片
2016/03/05 DOTA
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
python操作数据库之sqlite3打开数据库、删除、修改示例
2014/03/13 Python
python实现端口转发器的方法
2015/03/13 Python
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
python类和继承用法实例
2015/07/07 Python
python Django的web开发实例(入门)
2019/07/31 Python
Django中从mysql数据库中获取数据传到echarts方式
2020/04/07 Python
浅谈pytorch中的BN层的注意事项
2020/06/23 Python
Python如何读写二进制数组数据
2020/08/01 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
中科创达面试题
2016/12/28 面试题
留学推荐信范文
2014/05/10 职场文书
anaconda python3.8安装后降级
2021/06/11 Python