下拉框取值问题，急急

<!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-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE1 {color: #FF0000}
-->
</style>
</head><body>
<p>
  <select id="reportTime1">
    <option value="0">--请选择--</option>
    <option value="1">aaa</option>
    <option value="2">bbb</option>
    <option value="3">ccc</option>
    <option value="4">ddd</option>
  </select> 
  -
  <select id="reportTime2">
    <option value="0">--请选择--</option>
    <option value="1">aaa</option>
    <option value="2">bbb</option>
    <option value="3">ccc</option>
    <option value="4">ddd</option>
  </select>
</p>
<p>我想要的效果：</p>
<p>
  <select name="select" id="select">
    <option value="0">--请选择--</option>
    <option value="1" selected="selected">aaa</option>
    <option value="2">bbb</option>
    <option value="3">ccc</option>
    <option value="4">ddd</option>
    </select>
-
  <select name="select2" id="select2">
    <option value="0">--请选择--</option>
    <option value="1">aaa</option>
    <option value="2">bbb</option>
    <option value="3">ccc</option>
    <option value="4" selected="selected">ddd</option>
    </select>
</p>
<p>如果<span class="STYLE1">reportTime1</span>选择了<span class="STYLE1">aaa</span>，<span class="STYLE1">reportTime2</span>选择了<span class="STYLE1">ddd</span>，然后我有一个list或者String存着reportTime1到reportTime2之间的值，包括被选择的值</p>
<p>如：aaa,bbb,ccc,ddd这几个值我都要</p>
</body>
</html>

解决方案 »

  1.   

    function test() {
    var sel1 = document.getElementById("reportTime1");
    var sel2 = document.getElementById("reportTime2");
    var arr = [];
    for (var i=sel1.selectedIndex;i<=sel2.selectedIndex ;i++ )
    {
    arr.push(sel2.options[i].text);
    }
    alert(arr);
    }
      

  2.   


    var n = $('reportTime1').selectedIndex;
    var m = $('reportTime2').selectedIndex;
    var list = [];
    if(n == m)
    {
        list.push($('reportTime1').options[n].value)
    }
    else
    {
        var s = Math.min(n, m);
        var e = Math.max(n, m);
        for(var i = s; i <= e; i++)
        {
            list.push($('reportTime1').options[i].value)
        }
    }
      

  3.   

    <!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-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css">
    <!--
    .STYLE1 {color: #FF0000}
    -->
    </style>
    <script>
    function getValue(){
    var t1=document.getElementById("reportTime1");
    var t2=document.getElementById("reportTime2");
    var rtn=[];
    if(t2.selectedIndex>t1.selectedIndex){
    for(var i=t1.selectedIndex;i<=t2.selectedIndex;i++){
    if(i>0){
    rtn[rtn.length]=t1.options[i].text;
    }
    }
    }
    alert(rtn);
    }
    </script>
    </head><body>
    <input type=button value=getValue onclick="getValue();">
    <p>
      <select id="reportTime1">
        <option value="0">--请选择--</option>
        <option value="1">aaa</option>
        <option value="2">bbb</option>
        <option value="3">ccc</option>
        <option value="4">ddd</option>
      </select> 
      -
      <select id="reportTime2">
        <option value="0">--请选择--</option>
        <option value="1">aaa</option>
        <option value="2">bbb</option>
        <option value="3">ccc</option>
        <option value="4">ddd</option>
      </select>
    </p>
    <p>我想要的效果：</p>
    <p>
      <select name="select" id="select">
        <option value="0">--请选择--</option>
        <option value="1" selected="selected">aaa</option>
        <option value="2">bbb</option>
        <option value="3">ccc</option>
        <option value="4">ddd</option>
        </select>
    -
      <select name="select2" id="select2">
        <option value="0">--请选择--</option>
        <option value="1">aaa</option>
        <option value="2">bbb</option>
        <option value="3">ccc</option>
        <option value="4" selected="selected">ddd</option>
        </select>
    </p>
    <p>如果<span class="STYLE1">reportTime1</span>选择了<span class="STYLE1">aaa</span>，<span class="STYLE1">reportTime2</span>选择了<span class="STYLE1">ddd</span>，然后我有一个list或者String存着reportTime1到reportTime2之间的值，包括被选择的值</p>
    <p>如：aaa,bbb,ccc,ddd这几个值我都要</p>
    </body>
    </html>