javascript的下拉列的不显示的问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
  var pricescope = new Array();
  var listerStatus = new Array();
  var j=0;
  function bodyOnLoad(){

    var length = document.getElementById("pricescope").options.length;
    for(var i=0; i<length; i++) {
      pricescope[i] = document.all("pricescope").options[i];
}
    length = document.getElementById("listerStatus").options.length;
    for(var i=0;i<length; i++) {
      listerStatus[i] = document.all("listerStatus").options[i];
    }
radioBtnOnClicked();
  }
  function rd1Checked(){
    document.getElementById("pricescope").options.length=1;
    for(var i=1; i<3; i++) {
      document.getElementById("pricescope").add(document.createElement("OPTION"));
      document.getElementById("pricescope").options[document.getElementById("pricescope").options.length - 1].text = pricescope[i].text;
      document.getElementById("pricescope").options[document.getElementById("pricescope").options.length - 1].value= pricescope[i].value;
    }
document.getElementById("listerStatus").options.length=0;
 for(var i=0; i<3; i++) {
      document.getElementById("listerStatus").add(document.createElement("OPTION"));
      document.getElementById("listerStatus").options[document.getElementById("listerStatus").options.length - 1].text = listerStatus[i].text;
      document.getElementById("listerStatus").options[document.getElementById("listerStatus").options.length - 1].value= listerStatus[i].value;
    }
  }
  function rd2Checked(){
 document.getElementById("pricescope").options.length=1;
    for(var i=3; i<pricescope.length; i++) {
      document.getElementById("pricescope").add(document.createElement("OPTION"));
      document.getElementById("pricescope").options[document.getElementById("pricescope").options.length - 1].text = pricescope[i].text;
      document.getElementById("pricescope").options[document.getElementById("pricescope").options.length - 1].value= pricescope[i].value;
    }
document.getElementById("listerStatus").options.length=0;
 for(var i=3; i<listerStatus.length; i++) {
      document.getElementById("listerStatus").add(document.createElement("OPTION"));
      document.getElementById("listerStatus").options[document.getElementById("listerStatus").options.length - 1].text = listerStatus[i].text;
      document.getElementById("listerStatus").options[document.getElementById("listerStatus").options.length - 1].value= listerStatus[i].value;
    } 
  }
  function radioBtnOnClicked(){
    if(document.all("rd1").checked==true){
  rd1Checked();
}else if(document.all("rd2").checked==true){
  rd2Checked();
}
  }
//-->
</SCRIPT>
</HEAD><BODY onload="bodyOnLoad();">
<form name="form1">
<input type="radio" name="intend" value="出租" id="rd1" checked="checked" onclick="radioBtnOnClicked();"/>出租
<input type="radio" name="intend" value="出售" id="rd2"   onclick="radioBtnOnClicked();" />出售
</br>价格范?<select name="pricescope" style="width:96px" class="xialaliebiao" id="pricescope">
                      <option style="background:#F2F6FB" value="不限定" >不限定</option>
                      <option value="0-1000元/月">0-1000元/月</option>
                      <option value="1000-2000元/月">1000-2000元/月</option>
  <option value="50万元以下">50万元以下</option>
                      <option value="50-100万元">50-100万元</option>
                    </select>
</br>
信息来源<select name="listerStatus" style="width:96px" class="xialaliebiao" id="listerStatus">
                       <option value="?主出租">?主出租</option>
                       <option value="?主出售">?主出售</option>
                       <option value="承租人自用">承租人自用</option>
                       <option value="承租后合租">承租后合租</option>
                       <option value="承租后?租">承租后?租</option>
                       <option value="最???者">最???者</option>
                       <option value="授?代理">授?代理</option>
                       <option value="全?代理">全?代理</option>
                       <option value="独家全?代理">独家全?代理</option>
                       </select>
</form>
</BODY>
</HTML>
我就会这么写。楼主凑合着用吧。

解决方案 »

  1.   

    <%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
    <!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>
    <script language="javascript1.1">
    var moneyNeed = new Array(5);
    moneyNeed[0] = "不限定";
    moneyNeed[1] = "0-1000元/月";
    moneyNeed[2] = "1000-2000元/月";
    moneyNeed[3] = "50万元以下";
    moneyNeed[4] = "50-100万元";
    var fangshi = new Array(9);
    fangshi[0] = "业务出租";
    fangshi[1] = "业主出售";
    fangshi[2] = "承租人自用";
    fangshi[3] = "承租后合租";
    fangshi[4] = "承租后转租";
    fangshi[5] = "最终购买者";
    fangshi[6] = "授权代理";
    fangshi[7] = "全权代理";
    fangshi[8] = "独家全权代理";
    function changeSelect()
    {
    if(document.myform.myRadio1.checked)
    { 
    if(document.all.myselect1.length!=0 && document.all.myselect2.length!=0)
    {
    document.all.myselect1.length=0;
    document.all.myselect2.length=0;
    }
    for(var i=0;i<3;i++)
    {
    var selectOptions = new Option(moneyNeed[i],moneyNeed[i]);
    document.all.myselect1.add(selectOptions);
    var newOptions = new Option(fangshi[i],fangshi[i]);
    document.all.myselect2.add(newOptions);
    }
    }
    if(document.myform.myRadio2.checked)
    {
    if(document.all.myselect1.length!=0 && document.all.myselect2.length!=0)
    {
    document.all.myselect1.length=0;
    document.all.myselect2.length=0;
    }
    var newOption = new Option(moneyNeed[0],moneyNeed[0]);
    document.all.myselect1.add(newOption);
    for(var i=3;i<5;i++)
    {
    var newOption = new Option(moneyNeed[i],moneyNeed[i]);
    document.all.myselect1.add(newOption);
    }
    for(var i=4;i<9;i++)
    {
    var newOption = new Option(fangshi[i],fangshi[i]);
    document.all.myselect2.add(newOption);
    }
    }
    }
    </script>
    </head><body>
    <form name="myform">
    <input type="radio" name="myRadio" id="myRadio1" value="出租"  onclick="changeSelect()"/>出租
    <input type="radio" name="myRadio" id="myRadio2" value="出售"  onclick="changeSelect()"/>出售<br />
    <select name="myselect1" style="width:100px ">
    <option value="0">请选择......</option>
    </select><br />
    <select name="myselect2" style="width:100px">
    <option value="0">请选择......</option>
    </select>

    </form>
    </body>
    </html>