关于下拉框的问题

ghx2002_2000 2003-02-26 04:15:13

当我选中一个下拉框的选项时，另外的下拉框出相应的选的代码

...全文

25 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhanghk 2003-02-26

打赏
举报

onchange

fason 2003-02-26

打赏
举报

多级联动的例子
<select name=one></select>
<select name=two></select>
<select name=three></select>
<select name=four></select>
<input name=result>

<script>
var arrSel=["one","two","three","four"];//arrSel定义了要修改的下拉框
var i=0,arrData=[];//arrData中搁的是数据,每条都显示各级的数据
arrData[i++]=["2000","4","14","一点"]
arrData[i++]=["2000","4","14","二点"]
arrData[i++]=["2000","4","18","三点"]
arrData[i++]=["2000","7","14","二点"]
arrData[i++]=["2001","6","15","二点"]
arrData[i++]=["2001","6","23","七点"]
arrData[i++]=["2001","8","18","二点"]
arrData[i++]=["2002","7","1","二点"]
arrData[i++]=["2002","7","1","三点"]
arrData[i++]=["2002","7","11","二点"]
arrData[i++]=["2002","7","19","二点"]
</script>
<script>
function qswhInit(num){
/******* by qiushuiwuhen(2002-5-15) ********/
var i,j,arrTemp=[];
for(i=0;i<num;i++)arrTemp[i]=document.all(arrSel[i]).options[document.all(arrSel[i]).selectedIndex].text
if(num==arrSel.length){//这里处理最后的数据。
document.all("result").value="选中了("+arrTemp[0]+","+arrTemp[1]+","+arrTemp[2]+","+arrTemp[3]+")";return;
}
with(document.all(arrSel[num])){
length=0
for(i=0;i<arrData.length;i++){
for(j=0;j<num;j++)if(arrTemp[j]!=arrData[i][j])break;
if(j!=num)continue;
if(length==0||options[length-1].text!=arrData[i][num])
options[length++].text=arrData[i][num];
}
onchange=new Function("qswhInit("+(num+1)+")");
onchange();
}
}
qswhInit(0);//初始化
</script>

fason 2003-02-26

打赏
举报

<BODY>
<FORM>
<P>Select a different option in the
drop-down list box to trigger the onchange event.
<SELECT NAME=selTest
onchange="document.all('selTest2').value=this.options[this.selectedIndex].value;//document.all('selTest2').selectedIndex=this.selectedIndex;">
<OPTION VALUE="Books">Books
<OPTION VALUE="Clothing">Clothing
<OPTION VALUE="Housewares">Housewares
</SELECT>
<SELECT NAME=selTest2
onchange="alert('Index: ' + this.selectedIndex
+ '\nValue: ' + this.options[this.selectedIndex].value)">
<OPTION VALUE="Books">Books
<OPTION VALUE="Clothing">Clothing
<OPTION VALUE="Housewares">Housewares
</SELECT>
</FORM>
</BODY>

JK_10000 2003-02-26

打赏
举报

<select name="face" size=1 onChange="document.all('shiSelect').outerHTML='<select name=shiSelect>'+this.options[selectedIndex].shi+'</select>';">
<option value="" shi="<option value=''> " ></option>
<option value="01" shi="<option value=''><option value=01>长沙<option value=02>洙洲<option value=03>岳阳" >湖南</option>
<option value="02" shi="<option value=''><option value=01>武汉<option value=02>襄樊<option value=03>咸宁" >湖北</option>
</select>省
<select name=shiSelect><option value=''> </select>市

本方法和用checkbox, listbox等控件和事件拼凑出来的不同，本方法是一个集成的独立控件，基本实现了控件的顺滑度，下拉框可悬浮等效果，可以认为是comboBox的升级版，使用方便，仅需引用编译好的DLL，直接在toolBox拖拽出控件即可。

灵活：数据源、下拉框内显示的列、列名、可搜索关键字等可自由定义方便：可输可选/支持键盘操作/模糊过滤/自动完成匹配标准：通过继承combobox实现，可单独使用，也可嵌入datagridview使用水平有限，欢迎大家多提宝贵意见，共同学习 QQ：41357935 本控件以“随风飘散”在 http://www.cnblogs.com/CodeAnyWhere/archive/2007/09/03/880780.html中的示例代码为基础改进而来，在此感谢！.

博文参考：http://blog.csdn.net/geniuseoe2012/article/details/8723702 android仿web风格的spinner下拉框实现demo，实现更通用

js实现input输入框输入信息后出现下拉选择框，下拉框的数据源可以使根据输入的值从数据库中动态获取

关于下拉框无法设置只读readonly 因为下拉框设置readonly，所选信息无法传到后台，解决方法如下：选择之后用disabled将下拉框锁住，语句是： jQuery(“select[name=field20057231]”).attr(“disabled”,true); 如在如果在Ajax中配置如下 jQuery.ajax({ type:“POST”, url:“XXXXXXXX”, data:“opt=getkhxx&companycode=”+gsdm, success:function