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 表单规则集合对象
Jul 21 Javascript
jquery实用代码片段集合
Aug 12 Javascript
javascript加号&quot;+&quot;的二义性说明
Mar 04 Javascript
使用简洁的jQuery方法实现隔行换色功能
Jan 02 Javascript
JavaScript中textRange对象使用方法小结
Mar 24 Javascript
Google 地图控件集详解及实例代码
Aug 06 Javascript
AngularJS 中ui-view传参的实例详解
Aug 25 Javascript
原生javascript实现文件异步上传的实例讲解
Oct 26 Javascript
Vue的路由动态重定向和导航守卫实例
Mar 17 Javascript
Vue中遍历数组的新方法实例详解
Jul 21 Javascript
vue实现匀速轮播效果
Jun 29 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
Sep 16 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、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
PHP数组操作类实例
2015/07/11 PHP
JS 实现完美include载入实现代码
2010/08/05 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
JS原型对象通俗&quot;唱法&quot;
2012/12/27 Javascript
Jquery中&quot;$(document).ready(function(){ })&quot;函数的使用详解
2013/12/30 Javascript
js构造函数、索引数组和属性的实现方式和使用
2014/11/16 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
整理Javascript函数学习笔记
2015/12/01 Javascript
angularjs表格ng-table使用备忘录
2016/03/09 Javascript
EasyUI Tree树组件无限循环的解决方法
2017/09/27 Javascript
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
js中apply()和call()的区别与用法实例分析
2018/08/14 Javascript
JS实现计算小于非负数n的素数的数量算法示例
2019/02/26 Javascript
node.js通过url读取文件
2020/10/16 Javascript
Python3 入门教程 简单但比较不错
2009/11/29 Python
python模拟Django框架实例
2016/05/17 Python
基于numpy.random.randn()与rand()的区别详解
2018/04/17 Python
python flask实现分页的示例代码
2018/08/02 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
python tkinter canvas使用实例
2019/11/04 Python
美国折衷生活方式品牌:Robert Graham
2018/07/13 全球购物
硕士研究生自我鉴定
2013/11/08 职场文书
跟单文员岗位职责
2014/01/03 职场文书
院领导写的就业推荐信
2014/03/09 职场文书
党校学习心得体会范文
2014/09/09 职场文书
2014班子成员自我剖析材料思想汇报
2014/10/01 职场文书
离职报告格式
2014/11/04 职场文书
投标承诺函范文
2015/01/21 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
党风廉政建设心得体会
2019/05/21 职场文书
2019如何书写演讲稿?
2019/07/01 职场文书
Java图书管理系统,课程设计必用(源码+文档)
2021/06/30 Java/Android
Python 绘制多因子柱状图
2022/05/11 Python