js获取select标签的值且兼容IE与firefox

 本篇文章主要介绍了js获取select标签的值且兼容IE与firefox。需要的朋友可以过来参考下,希望对大家有所帮助

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

时间: 2024-10-29 18:02:31

js获取select标签的值且兼容IE与firefox的相关文章

js获取select标签的值且兼容IE与firefox_javascript技巧

jsp代码: 复制代码 代码如下: <form id="search"> <select id="jobSelect" style="width: 200px;" name="jobSelect">  <s:if test='jobSelect == null || jobSelect == ""'>   <option selected="selecte

js获取select标签选中值的两种方式

 获取select标签选中的值有很多方法,下面通过两种方式使用js来进行获取,喜欢的朋友可以参考下 代码如下: var obj = document.getElementByIdx_x("testSelect"); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值jQuery

JQUERY/js获取SELECT选择项的文本内容

JQUERY获取SELECT 选择项的文本内容 获取值  代码如下 复制代码 var checkValue=$("#select_id").val();  //获取Select选择的Value 试了很久才弄出来  代码如下 复制代码 $("#tid option:selected").text(); js 获取select text的值方法如下:  代码如下 复制代码 var ts1 = ss.options[ss.selectedIndex].text;//第一或

JS 获取select(多选下拉)中所选值的示例代码

通过js获取select(多选下拉)中所选值,具体实现如下,有需要的朋友可以参考下,希望对大家有所帮助   复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title> <meta name="Generator" content

JS获取select的value和text值的简单实例

 本篇文章主要是对JS获取select的value和text值的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <select id = "cityList" >    <select id = "selectId" >       <option value = "0">第0个</option>    </select>      <script&g

js获取select下拉框的值

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

js获取select(下拉框的值)的值

  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.111cn.net/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv="

javascript获取select的当前值示例代码

 本篇文章主要介绍了javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome) 需要的朋友可以过来参考下,希望对大家有所帮助 JavaScript获取Select当前值写法: var value = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].value; var t

struct-有二十来个遍历出来的a标签。我想点击获取a标签的值。可以怎么获取。

问题描述 有二十来个遍历出来的a标签.我想点击获取a标签的值.可以怎么获取. "); %> 解决方案 你是想在哪获取a标签的值呢?可以用js来操作a标签啊. 解决方案二: 使用委托绑定a的click事件,以下示例: $('A').live('click', function () { alert($(this.val())); }) 解决方案三: 上面的有些出入 使用委托绑定a的click事件,以下示例: $('A').live('click', function () { ** aler