87,994
社区成员
发帖
与我相关
我的任务
分享关于select选框的问题。我需要的效果是一个选框的内容根据另外一个选框决定。高手指点
关于select选框的问题。我需要的效果是一个选框的内容根据另外一个选框决定。高手指点
...全文
请发表友善的回复…
发表回复
meizz 2002-12-02
- 打赏
- 举报
<form name=form1>
<select name=sheng onchange="cityName(this.value)">
<option value="">请选择省名</option>
</select>
<select name=city>
<option value="">请选择城名</option>
</select>
</form>
<script language=javascript>
var cityouterHTML = document.form1.city.outerHTML.substr(0, document.form1.city.outerHTML.length-9);
function sheng()
{
var shengName = ["浙江", "江苏", "安徽", "江西"]; //这些数据可以从数据库中取得
var e = document.form1.sheng;
var s = e.outerHTML.substr(0, e.outerHTML.length-9) + "\r\n";
for (var i=0; i<shengName.length; i++){
s += "<option value='"+ shengName[i] +"'>"+ shengName[i] +"</option>\r\n";}
s += "</select>";
e.outerHTML = s;
} sheng();
function cityName(val)
{
var 浙江 = ["杭州", "宁波", "温州", "绍兴", "金华", "湖州"];
var 江苏 = ["南京", "苏州", "无锡", "常州", "镇江", "徐州"];
var 安徽 = ["合肥", "翕县", "黄山", "祁门", "休宁"];
var 江西 = ["南昌", "九江", "赣州", "上饶", "新余", "景德镇"];
//这些数据可以从数据库中取得
var e = document.form1.city;
var s = cityouterHTML;
if (val == "") {s += "</select>"; e.outerHTML = s; return;}
var a = eval(val);
for (var i=0; i<a.length; i++)
{
s += "<option value='"+ a[i] +"'>"+ a[i] +"</option>\r\n";
}
s += "</select>";
e.outerHTML = s;
}
</script>
<select name=sheng onchange="cityName(this.value)">
<option value="">请选择省名</option>
</select>
<select name=city>
<option value="">请选择城名</option>
</select>
</form>
<script language=javascript>
var cityouterHTML = document.form1.city.outerHTML.substr(0, document.form1.city.outerHTML.length-9);
function sheng()
{
var shengName = ["浙江", "江苏", "安徽", "江西"]; //这些数据可以从数据库中取得
var e = document.form1.sheng;
var s = e.outerHTML.substr(0, e.outerHTML.length-9) + "\r\n";
for (var i=0; i<shengName.length; i++){
s += "<option value='"+ shengName[i] +"'>"+ shengName[i] +"</option>\r\n";}
s += "</select>";
e.outerHTML = s;
} sheng();
function cityName(val)
{
var 浙江 = ["杭州", "宁波", "温州", "绍兴", "金华", "湖州"];
var 江苏 = ["南京", "苏州", "无锡", "常州", "镇江", "徐州"];
var 安徽 = ["合肥", "翕县", "黄山", "祁门", "休宁"];
var 江西 = ["南昌", "九江", "赣州", "上饶", "新余", "景德镇"];
//这些数据可以从数据库中取得
var e = document.form1.city;
var s = cityouterHTML;
if (val == "") {s += "</select>"; e.outerHTML = s; return;}
var a = eval(val);
for (var i=0; i<a.length; i++)
{
s += "<option value='"+ a[i] +"'>"+ a[i] +"</option>\r\n";
}
s += "</select>";
e.outerHTML = s;
}
</script>
gzh_seagull 2002-12-02
- 打赏
- 举报
<!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">
<!--
function dep(depID,depName,braID){
this.ID = depID;
this.Name = depName;
this.braID = braID;
}
function bra(braID,braName){
this.ID = braID;
this.Name = braName;
this.Depts = new Array();
}
var braLst = new Array();
var depLst = new Array();
braLst[0] = new bra(1,"红地");
braLst[1] = new bra(2,"凯德");
depLst[0] = new dep(1,"行政部",1);
depLst[1] = new dep(2,"开发部",1);
depLst[2] = new dep(3,"市场部",1);
depLst[3] = new dep(4,"投资部",2);
depLst[4] = new dep(5,"证券部",2);
depLst[5] = new dep(3,"市场部",2);
for (var i=0;i<depLst.length;i++){
for (var j=0;j<braLst.length;j++){
if ( depLst[i].braID==braLst[j].ID){
braLst[j].Depts[braLst[j].Depts.length] = depLst[i];
}
}
}
function getDepts(braID){
var braObj = null;
for (var i=0;i<braLst.length;i++){
if (braLst[i].ID == braID) {
braObj = braLst[i];
break;
}
}
document.thisForm.depSel.options.length=0;
if (braObj != null){
for (var i=0;i<braObj.Depts.length;i++){
var tmp;
tmp = new Option(braObj.Depts[i].Name,braObj.Depts[i].ID);
document.thisForm.depSel.options[document.thisForm.depSel.options.length] = tmp
}
}
}
//-->
</SCRIPT>
</HEAD>
<FORM METHOD=POST ACTION="" name="thisForm">
<SELECT NAME="braSel" onchange="getDepts(this.value);">
<SCRIPT LANGUAGE="JavaScript">
<!--
for (var i=0;i<braLst.length;i++){
document.write("<option value=\"" + braLst[i].ID + "\">" + braLst[i].Name + "</option>");
}
//-->
</SCRIPT>
</SELECT>
<SELECT NAME="depSel"></SELECT>
</FORM>
<BODY>
</BODY>
</HTML>
<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">
<!--
function dep(depID,depName,braID){
this.ID = depID;
this.Name = depName;
this.braID = braID;
}
function bra(braID,braName){
this.ID = braID;
this.Name = braName;
this.Depts = new Array();
}
var braLst = new Array();
var depLst = new Array();
braLst[0] = new bra(1,"红地");
braLst[1] = new bra(2,"凯德");
depLst[0] = new dep(1,"行政部",1);
depLst[1] = new dep(2,"开发部",1);
depLst[2] = new dep(3,"市场部",1);
depLst[3] = new dep(4,"投资部",2);
depLst[4] = new dep(5,"证券部",2);
depLst[5] = new dep(3,"市场部",2);
for (var i=0;i<depLst.length;i++){
for (var j=0;j<braLst.length;j++){
if ( depLst[i].braID==braLst[j].ID){
braLst[j].Depts[braLst[j].Depts.length] = depLst[i];
}
}
}
function getDepts(braID){
var braObj = null;
for (var i=0;i<braLst.length;i++){
if (braLst[i].ID == braID) {
braObj = braLst[i];
break;
}
}
document.thisForm.depSel.options.length=0;
if (braObj != null){
for (var i=0;i<braObj.Depts.length;i++){
var tmp;
tmp = new Option(braObj.Depts[i].Name,braObj.Depts[i].ID);
document.thisForm.depSel.options[document.thisForm.depSel.options.length] = tmp
}
}
}
//-->
</SCRIPT>
</HEAD>
<FORM METHOD=POST ACTION="" name="thisForm">
<SELECT NAME="braSel" onchange="getDepts(this.value);">
<SCRIPT LANGUAGE="JavaScript">
<!--
for (var i=0;i<braLst.length;i++){
document.write("<option value=\"" + braLst[i].ID + "\">" + braLst[i].Name + "</option>");
}
//-->
</SCRIPT>
</SELECT>
<SELECT NAME="depSel"></SELECT>
</FORM>
<BODY>
</BODY>
</HTML>
arclala 2002-12-02
- 打赏
- 举报
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
SubMenuinfo = new Array(
new Array(
new Array("产1-1", 39482304),
new Array("产品1-2", 34802389),
new Array("产品1-3", 39823498),
new Array("产品1-4", 87587343),
new Array("产品1-5", 68798735),
new Array("产品1-6", 98098509),
new Array("产品1-7", 49490583),
new Array("产品1-8", 32898334),
new Array("产品1-9", 92340934),
new Array("产品1-10", 34923409),
new Array("产品1-11", 59384093)
),
new Array(
new Array("产品2-1", 23840238),
new Array("产品2-2", 92390484),
new Array("产品2-3", 29048203),
new Array("产品2-4", 94098230),
new Array("产品2-5", 39234923),
new Array("产品2-6", 29345423),
new Array("产品2-7", 24890234),
new Array("产品2-8", 92349823)
),
null,
//主分类3没有子分类,用null;
new Array(
new Array("产品4-1", 20394802),
new Array("产品4-2", 34982039),
new Array("产品4-3", 92348902),
new Array("产品4-4", 98203894),
new Array("产品4-5", 98234902),
new Array("产品4-6", 52938409)
)
);
function fillSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {
var i, j;
var prompt;
for (i = selectCtrl.options.length; i >= 0; i--) {
selectCtrl.options[i] = null;
}
prompt = (itemArray != null) ? goodPrompt : badPrompt;
if (prompt == null) {
j = 0;
} else {
selectCtrl.options[0] = new Option(prompt);
j = 1;
}
if (itemArray != null) {
for (i = 0; i < itemArray.length; i++) {
selectCtrl.options[j] = new Option(itemArray[i][0]);
if (itemArray[i][1] != null) {
selectCtrl.options[j].value = itemArray[i][1];
}
j++;
}
selectCtrl.options[0].selected = true;
}
}
</SCRIPT>
<title>2list drop down menu</title>
<style type="text/css">
<!--
body { font-size: 9pt; margin-top: 0px}
td { font-size: 9pt}
.menu { font-family: "黑体"; font-size: 9pt; background-color: #CCCCFF}
-->
</style>
</head>
<BODY bgcolor="#FFFFFF" text="#000000">
<p align="center">
</p>
<table width="550" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#F5F5F5">
<tr>
<td>
<form name="main" method="post" action="collect.asp" target="_blank">
<div align="center">
<select
onChange="fillSelectFromArray(this.form.SubMenu, ((this.selectedIndex == -1) ? null : SubMenuinfo[this.selectedIndex-1]));" name=MainMenu class="menu">
<option value=-1 selected>选择产品分类
<option value="分类1">产品分类1
<option value="分类2">产品分类2
<option value="分类3">产品分类3
<option value="分类4">产品分类4 </option>
</select>
<select size=1 name=SubMenu class="menu">
<option>---------------</option>
</select>
<input type="submit" value="Submit it" name="submit">
</div>
</form>
</td>
</tr>
</table>
<p> </p>
</BODY>
</HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
SubMenuinfo = new Array(
new Array(
new Array("产1-1", 39482304),
new Array("产品1-2", 34802389),
new Array("产品1-3", 39823498),
new Array("产品1-4", 87587343),
new Array("产品1-5", 68798735),
new Array("产品1-6", 98098509),
new Array("产品1-7", 49490583),
new Array("产品1-8", 32898334),
new Array("产品1-9", 92340934),
new Array("产品1-10", 34923409),
new Array("产品1-11", 59384093)
),
new Array(
new Array("产品2-1", 23840238),
new Array("产品2-2", 92390484),
new Array("产品2-3", 29048203),
new Array("产品2-4", 94098230),
new Array("产品2-5", 39234923),
new Array("产品2-6", 29345423),
new Array("产品2-7", 24890234),
new Array("产品2-8", 92349823)
),
null,
//主分类3没有子分类,用null;
new Array(
new Array("产品4-1", 20394802),
new Array("产品4-2", 34982039),
new Array("产品4-3", 92348902),
new Array("产品4-4", 98203894),
new Array("产品4-5", 98234902),
new Array("产品4-6", 52938409)
)
);
function fillSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {
var i, j;
var prompt;
for (i = selectCtrl.options.length; i >= 0; i--) {
selectCtrl.options[i] = null;
}
prompt = (itemArray != null) ? goodPrompt : badPrompt;
if (prompt == null) {
j = 0;
} else {
selectCtrl.options[0] = new Option(prompt);
j = 1;
}
if (itemArray != null) {
for (i = 0; i < itemArray.length; i++) {
selectCtrl.options[j] = new Option(itemArray[i][0]);
if (itemArray[i][1] != null) {
selectCtrl.options[j].value = itemArray[i][1];
}
j++;
}
selectCtrl.options[0].selected = true;
}
}
</SCRIPT>
<title>2list drop down menu</title>
<style type="text/css">
<!--
body { font-size: 9pt; margin-top: 0px}
td { font-size: 9pt}
.menu { font-family: "黑体"; font-size: 9pt; background-color: #CCCCFF}
-->
</style>
</head>
<BODY bgcolor="#FFFFFF" text="#000000">
<p align="center">
</p>
<table width="550" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#F5F5F5">
<tr>
<td>
<form name="main" method="post" action="collect.asp" target="_blank">
<div align="center">
<select
onChange="fillSelectFromArray(this.form.SubMenu, ((this.selectedIndex == -1) ? null : SubMenuinfo[this.selectedIndex-1]));" name=MainMenu class="menu">
<option value=-1 selected>选择产品分类
<option value="分类1">产品分类1
<option value="分类2">产品分类2
<option value="分类3">产品分类3
<option value="分类4">产品分类4 </option>
</select>
<select size=1 name=SubMenu class="menu">
<option>---------------</option>
</select>
<input type="submit" value="Submit it" name="submit">
</div>
</form>
</td>
</tr>
</table>
<p> </p>
</BODY>
</HTML>
