参考一下这个吧。
___________________________________________________________________        
    <SCRIPT language=JavaScript>
<!--
    var xh="不限场合  爱情 生日 祝寿 乔迁 朋友 感谢 贺喜 庆典 商务 婚礼 节庆 丧葬 元旦 春节 情人节 圣诞节 教师节 中秋节 国庆节 劳动节 新生儿 儿童节 探视病人 结婚纪念 宾馆/酒店";
 var dg="不限    十二生肖 立体生肖 卡通蛋糕 温馨蛋糕 普通蛋糕";
  var lp="不限    女士的礼品 男士的礼品 老人的礼品 孩子的礼品 商务礼品 最新礼品";
  var qt="干花    绢花 绿植 工艺美术品";
  var lz="兰花    绢花 仙人球 灵芝 盆栽绿植 装饰绿植";
          var xxzz="下栽中...      ";
  
     function setspxl(subkey){
if(subkey=='1')tmp=xh.split(' ');
//if(subkey=='鲜花')tmp=xh.split(' ');
//if(subkey=='蛋糕')tmp=dg.split(' ');
if(subkey=='2')tmp=lp.split(' ');
if(subkey=='3')tmp=lz.split(' ');
if(subkey=='4')tmp=dg.split(' ');
if(subkey=='22')tmp=xxzz.split(' ');

listobj=document.sreach.query;
listobj.length=0;
for(var i=0;i<tmp.length;i++) listobj.options[i]=new Option(tmp[i],tmp[i],tmp[i]);
listobj.options[0].selected=true;
//setpsheng(splx,tmp[0]);
//setpshi(tmp[0]);
   } function setinit(){
document.sreach.subkey.options[0].selected=true;
setspxl('1');
//setspxl('鲜花');
}
//-->
</SCRIPT>
     <FORM action='shop/searchdetail.php' method=post name=sreach 
            style="MARGIN: 2px">
              <DIV align=center class=unnamed1><SPAN class=unnamed1>类型</SPAN> 
                <SELECT name=subkey id="subkey" 
            onchange=setspxl(this.options[this.selectedIndex].value)>
      <option value="22" selected> 请选择....</option>
                  <option value="1">鲜花   </option>
                  <option value="2">礼品</option>
                  <option value="3">绿植</option>
                  <option value="4">蛋糕</option>
                </SELECT>
                <BR>
                   
                <SELECT name=query id="query">
                  <OPTION selected>下载中....</OPTION>
                </SELECT>
                <BR>
                <INPUT align=bottom alt=搜索 
            border=0 height=22 name=搜索 src='images/flower_ss.gif' type=image 
            width=52>
              </DIV>
            </FORM>
————————————————————————————————————————————
网络是好东西,
我们想要的东东总是应有尽有,
为什么不知道利用?
—————————————————————-----------------------------------------

解决方案 »

  1.   

    首先,你要要用asp或者jsp来写一个动态页面来获取数据库中特定表的值,将三个字段的值分别存入三个字符串数组,这个很容易做到,然后再处理获取的值;
    js处理数据页如下:
    **************************************************
    <html>
    <head>
    </head><body><form name=form1 id=form1>
    <table border=1px>
    <tr bgcolor=#ddaaff><td>bgyp_name</td><td>bgyp_danwei</td><td>bgyp_beizhu</td></tr>
    <tr>
    <td><select onchange=showData() name=se1 id=1style="background-color:black;color:yellow;border-style:solid;border-width:1px">
    <option>bgyp_name</option>
    <option>show()</option>
    </select></td>
    <td><input type=text name=bgyp_danwei style="background-color:#ddffaa;color:#ffffff;border-style:solid;border-width:1px;color:blue"></td>
    <td><input type=text name=bgyp_beizhu style="background-color:#ddffaa;color:#ffffff;border-style:solid;border-width:1px;color:blue"></td></tr>
    </table>
    </form><script>
    var b_name = new Array("name1","name2","name3","name4");
    var b_danwei = new Array("danwei1","danwei2","danwei3","danwei4");
    var b_beizhu = new Array("beizhu1","beizhu2","beizhu3","beizhu4");
    var i,j,k;
    function show(obj)
    {//假设你已经连接到数据库,并将三个字段的值均存放于3个字符串数组之中
     for(i=0;i<b_name.length;i++)
    {
    var oSe = document.createElement("option");
    oSe.text = b_name[i];
      obj.add(oSe);
    }}function showData()
    {
    var selectedItem=document.all.form1.se1[document.all.form1.se1.selectedIndex].text;
    //alert(selectedItem);
    for(i=0;i<b_name.length;i++)
      {
     if(b_name[i]==selectedItem)
    {
    alert('你选了'+b_name[i]+';第'+i+'个');
    document.all.form1.bgyp_danwei.value=b_danwei[i];
    document.all.form1.bgyp_beizhu.value=b_beizhu[i];
    break;
    }
     
     
      }
    }
    show(document.all.form1.se1);
    </script>
    </body>
    </html>
      

  2.   

    <?
    //因为涉及到数据库额处理,所以javascript不能实现,需要搭配 php或jsp或asp 
    // php+mysql+apache  example
    //page name: example.php
    $connect = @mysql_connect("localhost","root",""); //连接数据库
    if($ac=="ok")
    {
    $query="select * from bgyp where bgyp_name='".$ex."'"; //bgyp为你的表名 
    $result = mysql_db_query("databasename",$query,$connect);//databasename 为你的数据库名
       $data=@mysql_fetch_array($result);
       ?>
       <script>
       document.ex.bgyp_beizhu.vaule=<? echo $data[bgyp_beizhu] ?>;
       document.ex.bgyp_danwei.vaule=<? echo $data[bgyp_danwei] ?>;   
       </script>
       
       <?
    }
    else
    {$query="select * from bgyp"; //bgyp为你的表名 
    $result = mysql_db_query("databasename",$query,$connect);//databasename 为你的数据库名
    $rows = mysql_num_rows($result);//取得总数量
    ?>
    <form name=bgy method=post action="example.php?ac=ok"><select name="ex"  onChange="bgy.submit()">
                <option value="">请选择</option>
                <?
                //取得数据库中的 bgyp_name字段的值
          for($i=0;$i<$rows;$i++)  
    {
      @mysql_data_seek($result,$i); 
        $data=@mysql_fetch_array($result);
      echo "<option value=";
      echo $data[bgyp_name];
       if($data[bgyp_name]==$ex)
      echo " selected";
      echo ">";
      echo $data[bgyp_name];
      echo "</option>";
    }
    ?>
              </select> 
    <input type=text name=bgyp_beizhu>
    <input type=text name=bgyp_danwei>
    </form>
    <?
     }
    ?>
      

  3.   

    我使用的是coldfusion开发的web站点,请问谁能给出用cfm解决的示例吗?(我多给分)