[求助]下拉菜单给文本框赋值求教. - ASP技术论坛

问题点数：0 回复次数：6

[求助]下拉菜单给文本框赋值求教.

<SCRIPT LANGUAGE="JavaScript">
function gd()
{
document.getElementsByName("s2")[0].value = document.getElementsByName("S1")[0].options[document.getElementsByName("S1")[0].selectedIndex].text;
}
</SCRIPT>
<select size="1" name="S1" onChange=gd()>
<option value="a1" selected>A1选项</option>
<option value="a2">b2选项</option>
<option value="a3">b3选项</option>
<option value="a4">b4选项</option>
</select>
<input type=text name="s2">

能否在不选择的情况下,文本自动获取下拉菜单的默认值..谢谢.

[此贴子已经被作者于2007-2-28 18:00:58编辑过]

搜索更多相关主题的帖子: option　赋值　文本　菜单　

第 2 楼

得分:0

[CODE]<SCRIPT LANGUAGE="JavaScript">
function gd()
{
document.getElementsByName("s2")[0].value = document.getElementsByName("S1")[0].options[document.getElementsByName("S1")[0].selectedIndex].text;
}
</SCRIPT>
<select size="1" name="S1" onChange=gd()>
<option value="a1" selected>A1选项</option>
<option value="a2">b2选项</option>
<option value="a3">b3选项</option>
<option value="a4">b4选项</option>
</select>
<input type=text name="s2" value="a1" readonly>[/CODE]

其实我很低调,只是你不知道...

第 3 楼

得分:0

给文本框赋一个初值不就可以了么

其实我很低调,只是你不知道...

第 4 楼

得分:0

下拉菜单是二级菜单是通过一级下拉菜单赋值的,,,如果只有一项就不能选择,现在改onchange为onclick只要单击就可以,
我是想,只要一级菜单给二级菜单赋值,文本框就自动获取二级菜单的默认文字选项,而不是值.,,,,
哪位大侠可忙,谢谢了.

<SCRIPT LANGUAGE="JavaScript">
function gd()
{
document.getElementsByName("s2")[0].value = document.getElementsByName("S1")[0].options[document.getElementsByName("S1")[0].selectedIndex].text;
}
</SCRIPT>
<select size="1" name="S1" onclick=gd()>
<option value="a1" selected>A1选项</option>
<option value="a2">b2选项</option>
<option value="a3">b3选项</option>
<option value="a4">b4选项</option>
</select>
<input type=text name="s2">

[此贴子已经被作者于2007-3-1 20:25:46编辑过]

第 5 楼

得分:0

[CODE]<html>
<head>
<title>下拉列表默认初始化代码</title>
<script language="javascript">
function gd()
{
document.getElementsByName("s2")[0].value = document.getElementsByName("S1")[0].options[document.getElementsByName("S1")[0].selectedIndex].text;
}
function InitSOne()
{
this.s2.value=this.S1.options[this.S1.selectedIndex].text;
}
</script>
</head>
<body onLoad="InitSOne();" >
<select size="1" name="S1" onclick=gd()>
<option value="a1" selected>A1选项</option>
<option value="a2">b2选项</option>
<option value="a3">b3选项</option>
<option value="a4">b4选项</option>
</select>
<input type=text name="s2">
</body>
</html>[/CODE]

[此贴子已经被作者于2007-3-2 9:43:44编辑过]

第 6 楼

得分:0

<html>
<head>
<title>下拉列表联动示例</title>
<script language="javascript">

//顶级下拉列表选择事件代码
function selItemA_Change(val)
{
ChangedSelItemB(val);//改变次级下拉列表的选项方法
}
function ChangedSelItemB(Key)
{
var LstNum=0;//计算次级下拉列表的选项个数
var selB=document.getElementById("selItemB");//获得次级下拉列表
selB.options.length=0;//清空上一次选择的所有列表项

//循环遍历子所有子列表项
for(var i=0;i<document.HidForm.ChildItem.length;i++)
{

//如果子列表项的ID等于选择的顶级下拉列表的选项
if(document.HidForm.ChildItem[i].id==Key){
var ItemStr=document.HidForm.ChildItem[i].value;//获得子列表项文本
selB.options.add(new Option(ItemStr,ItemStr));//将列表项添加到次级下拉列表
if(LstNum==0)//如果是次级下拉列表的第一项
{
selB.selectedIndex=0;//设定次级下拉列表的默认选项
this.inpTxt.value=ItemStr;//将第一项赋给文本框
}
LstNum++;
}
}

//如果次级下拉列表只有一项就禁止选择次级下拉列表，否则就允许选择。
if(LstNum<=1)
{
selB.disabled=true;
}
else
{
selB.disabled=false;
}
}

//次级下拉列表变更选项
function selItemB_Change(val)
{
this.inpTxt.value=val;
}
</script>
</head>
<body>
<input type="text" name="inpTxt" >
<select name="selItemA" onChange="selItemA_Change(this.options[this.selectedIndex].value);" >
<option value="Item1Val">Item1Txt</option>
<option value="Item2Val">Item2Txt</option>
<option value="Item3Val">Item3Txt</option>
</select>
<select id="selItemB" onChange="selItemB_Change(this.options[this.selectedIndex].value);" >
<option value="无选项">无选项</option>
</select>
<form name="HidForm" >
<input type="hidden" name="ChildItem" id="Item1Val" value="ItemChildItem1" >
<input type="hidden" name="ChildItem" id="Item1Val" value="ItemChildItem2" >
<input type="hidden" name="ChildItem" id="Item1Val" value="ItemChildItem3" >
<input type="hidden" name="ChildItem" id="Item1Val" value="ItemChildItem4" >
<input type="hidden" name="ChildItem" id="Item2Val" value="ItemChildItem1" >
<input type="hidden" name="ChildItem" id="Item3Val" value="ItemChildItem1" >
<input type="hidden" name="ChildItem" id="Item3Val" value="ItemChildItem2" >
<input type="hidden" name="ChildItem" id="Item3Val" value="ItemChildItem3" >
</form>
</body>
</html>

[此贴子已经被作者于2007-3-2 10:33:07编辑过]

第 7 楼

得分:0

谢谢大家的帮助..还是用onclick事件,多点击一下...