参考一下这个吧。
___________________________________________________________________
<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>
————————————————————————————————————————————
网络是好东西,
我们想要的东东总是应有尽有,
为什么不知道利用?
—————————————————————-----------------------------------------
___________________________________________________________________
<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>
————————————————————————————————————————————
网络是好东西,
我们想要的东东总是应有尽有,
为什么不知道利用?
—————————————————————-----------------------------------------
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>
//因为涉及到数据库额处理,所以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>
<?
}
?>