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 相关文章推荐
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
Mar 14 Javascript
JQuery中html()方法使用不当带来的陷阱
Apr 07 Javascript
JavaScript EasyPager 分页函数
May 25 Javascript
js调用AJAX时Get和post的乱码解决方法
Jun 04 Javascript
js时间戳转为日期格式的方法
Dec 28 Javascript
利用jQuery中的ajax分页实现代码
Feb 25 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
Mar 01 Javascript
canvas实现钟表效果
Feb 13 Javascript
Vue中使用的EventBus有生命周期
Jul 12 Javascript
小试SVG之新手小白入门教程
Jan 08 Javascript
Vue使用Proxy代理后仍无法生效的解决
Nov 13 Javascript
适合后台管理系统开发的12个前端框架(小结)
Jun 29 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
重料打造自己的“宝马”---第三代
2021/03/02 无线电
PHP4中session登录页面的应用
2008/07/25 PHP
php 将bmp图片转为jpg等其他任意格式的图片
2009/06/21 PHP
php cli 小技巧
2013/06/03 PHP
小程序微信退款功能实现方法详解【基于thinkPHP】
2019/05/05 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
理解JavaScript的caller,callee,call,apply
2009/04/28 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
from表单多个按钮提交用onclick跳转不同action
2014/04/24 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
2014/06/01 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
Augularjs-起步详解
2016/07/08 Javascript
Javascript 普通函数和构造函数的区别
2016/11/05 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
2017/08/17 Javascript
Node调用Java的示例代码
2017/09/20 Javascript
微信小程序 POST请求的实例详解
2017/09/29 Javascript
JavaScript比较同一天的时间大小实例代码
2018/02/09 Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
2019/04/29 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
2019/10/20 Javascript
使用Vant完成通知栏Notify的提示操作
2020/11/11 Javascript
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
[03:14]2014DOTA2西雅图国际邀请赛 EG战队巡礼
2014/07/07 DOTA
利用numpy实现一、二维数组的拼接简单代码示例
2017/12/15 Python
Python程序员面试题 你必须提前准备!(答案及解析)
2018/01/23 Python
将TensorFlow的模型网络导出为单个文件的方法
2018/04/23 Python
Python封装原理与实现方法详解
2018/08/28 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
Python get获取页面cookie代码实例
2018/09/12 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
python接口调用已训练好的caffe模型测试分类方法
2019/08/26 Python
Scrapy 配置动态代理IP的实现
2020/09/28 Python
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
上海微创软件面试题
2012/06/14 面试题
最新大学职业规划书范文
2013/12/30 职场文书
Java 实现限流器处理Rest接口请求详解流程
2021/11/02 Java/Android
Pyhton爬虫知识之正则表达式详解
2022/04/01 Python