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 相关文章推荐
初学prototype,发个JS接受URL参数的代码
Sep 25 Javascript
讨论javascript(一)工厂方式 js面象对象的定义方法
Dec 15 Javascript
js 未结束的字符串常量错误解决方法
Jun 13 Javascript
JavaScript中的一些定位属性[图解]
Jul 14 Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 Javascript
JS实现双击屏幕滚动效果代码
Oct 28 Javascript
Express的路由详解
Dec 10 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
Dec 24 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
May 12 Javascript
js实现的订阅发布者模式简单示例
Mar 14 Javascript
微信小程序入门之绘制时钟
Oct 22 Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 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 中文字符入库或显示乱码问题的解决方法
2010/04/12 PHP
使用php判断网页是否gzip压缩
2013/06/25 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
判断客户端浏览器是否安装了Flash插件的多种方法
2010/08/11 Javascript
jQuery EasyUI API 中文文档 - ComboGrid 组合表格
2011/10/13 Javascript
JS生成随机字符串的多种方法
2014/06/10 Javascript
js实现滑动触屏事件监听的方法
2015/05/05 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
2015/08/07 Javascript
jQuery侧边栏实现代码
2016/05/06 Javascript
jQuery EasyUI Tab 选项卡问题小结
2016/08/16 Javascript
浅谈Angular的$q, defer, promise
2016/12/20 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
2017/03/21 jQuery
node.js + socket.io 实现点对点随机匹配聊天
2017/06/30 Javascript
React Native中NavigatorIOS组件的简单使用详解
2018/01/27 Javascript
浅谈Vue render函数在ElementUi中的应用
2018/09/06 Javascript
如何解决.vue文件url引用文件的问题
2019/01/18 Javascript
如何编写一个 Webpack Loader的实现
2020/10/18 Javascript
Django静态资源URL STATIC_ROOT的配置方法
2014/11/08 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
Python协程 yield与协程greenlet简单用法示例
2019/11/22 Python
Python底层封装实现方法详解
2020/01/22 Python
python设置环境变量的作用整理
2020/02/17 Python
Python调用C语言程序方法解析
2020/07/07 Python
2021年值得向Python开发者推荐的VS Code扩展插件
2021/01/25 Python
html5+css3之CSS中的布局与Header的实现
2014/11/21 HTML / CSS
美国瑜伽服装和装备购物网站:Mukha Yoga
2019/02/22 全球购物
skyn ICELAND官网:冰岛成分天然护肤品
2020/08/24 全球购物
《花瓣飘香》教学反思
2014/04/15 职场文书
学生操行评语大全
2014/04/24 职场文书
环卫工人先进事迹材料
2014/06/02 职场文书
本科毕业生求职信
2014/06/15 职场文书
Python中递归以及递归遍历目录详解
2021/10/24 Python
基于Python实现对比Exce的工具
2022/04/07 Python
JavaScript原型链中函数和对象的理解
2022/06/16 Javascript
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS