下拉框问题

问题描述

想实现,选定下拉框1大类后,下拉框2筛选出对就大类的小类,目前是用<selectname="zcdl"onchange="selectsteelkind()"><optionvalue="00"selected>请选择大类</option>中的onchage实现functionselectsteelkind(){document.form1.action="aa.jsp?index=3";document.form1.submit();}其中aa.jsp是本页面,但aa.jsp还有其它项,下拉框功能实现后其它的项也跟着刷新了,录入的其它项就没有了,如何改成只提交下拉框项其它项不动。

解决方案

解决方案二:

用到级联一个小例子<HTML><HEAD><METAhttp-equiv="Content-Type"content="text/html;charset=gb2312"><TITLE>级联显示</TITLE><SCRIPTtype="text/javascript">functionshowType(party){vararttype=newArray();arttype[0]=["人类","暗夜精灵","矮人","侏儒"];arttype[1]=["兽人","牛头人","亡灵","巨魔"];if(party!=0){document.myform.artTarget.options.length=0;for(variinarttype[party-1]){document.myform.artTarget.options.add(newOption(arttype[party-1][i],parseInt(i)+1))}document.myform.artTarget.options.selectedIndex=0;showPic(1)}}functionshowPic(num){vartype=document.myform.artParty.value;if(type==1){for(vari=1;i<5;i++){if(num==i){document.getElementById("lm"+i).style.display="block";}else{document.getElementById("lm"+i).style.display="none";}document.getElementById("bl"+i).style.display="none";}}elseif(type==2){for(vari=1;i<5;i++){if(num==i){document.getElementById("bl"+i).style.display="block";}else{document.getElementById("bl"+i).style.display="none";}document.getElementById("lm"+i).style.display="none";}}}</SCRIPT><STYLEtype="text/css">td{font-size:14px;font-family:"宋体";font-weight:bold}</STYLE></HEAD><BODY><FORMaction=""method="post"name="myform"><TABLEwidth="666"cellpadding="0"cellspacing="0"background="images/bg.jpg"align="center"><TR><TDheight="70"align="center"><H3>魔兽世界八大种族(图)</H3></TD></TR><TR><TDalign="center">阵营选择<SELECTname="artParty"onChange="showType(this.selectedIndex)"style="width:140px"><OPTIONvalue="">--请选择你的阵营--</OPTION><OPTIONvalue="1">联盟</OPTION><OPTIONvalue="2">部落</OPTION></SELECT></TD></TR><TR><TDheight="44"align="center">角色选择<SELECTname="artTarget"onChange="showPic(this.value)"style="width:140px"><OPTIONvalue="">--请选择一个种族--</OPTION></SELECT></TD></TR><TR><TDalign="center"height="234"><DIVid="lm1"style="display:none"><IMGsrc="images/humans-small.jpg"></DIV><DIVid="lm4"style="display:none"><IMGsrc="images/gnomes-small.jpg"></DIV><DIVid="lm3"style="display:none"><IMGsrc="images/dwarves-small.jpg"></DIV><DIVid="lm2"style="display:none"><IMGsrc="images/nightelves-small.jpg"></DIV><DIVid="bl1"style="display:none"><IMGsrc="images/orcs-small.jpg"></DIV><DIVid="bl2"style="display:none"><IMGsrc="images/tauren-small.jpg"></DIV><DIVid="bl3"style="display:none"><IMGsrc="images/undead-small.jpg"></DIV><DIVid="bl4"style="display:none"><IMGsrc="images/trolls-small.jpg"></DIV></TD></TR></TABLE></FORM></BODY></HTML>

解决方案三:

我现在下拉框联动是实现了,但因为调用了aa.jsp所以其它录入项值被刷新了,所就这个改动
解决方案四:

用ajax啊,不用提交整个表单
解决方案五:

原代码<tdwidth="77"height="41"align="right"><spanclass="style14">资产名称</span></td><tdwidth="218"align="left"><inputtype="text"name="selzcmc"class="style28"id="selzcmc2"size="28"align="left"/></td><tdheight="39"align="right"class="style14">资产类型</td>//////////////////<tdcolspan="2"><palign="center"><selectname="zcdl"onchange="selectsteelkind(){"><optionvalue="00"selected>请选择大类</option><%Stringid1=request.getParameter("zcdl");if(id1==null){id1="00";}try{con=common.ConnectDataBase.getConnection();stmt=con.createStatement();Stringsql="selectdistinctdlbm,dlmcfromsb_zcdl";//连接一期数据库ResultSetrs=stmt.executeQuery(sql);while(rs.next()){Stringfirstid=rs.getString("dlbm");Stringfirstname=rs.getString("dlmc");%><optionvalue="<%=firstid%>"<%=firstid.equals(id1)?"selected":""%>><%=firstname%></option><%}rs.close();}catch(Exceptione){e.printStackTrace();}finally{try{stmt.close();}catch(Exceptione){e.printStackTrace();}try{con.close();}catch(Exceptione){e.printStackTrace();}}%></select></td><tdcolspan="2"><palign="center"><selectname="zclx"><optionvalue="00"selected>请选择小类</option><%try{con=common.ConnectDataBase.getConnection();stmt=con.createStatement();System.out.println(id1);Stringsql="selectzclxmc,zclxbmfromsb_zclxwherezclxbmlike'"+id1.trim()+"%'";System.out.println(sql);ResultSetrs=stmt.executeQuery(sql);while(rs.next()){thirdid=rs.getString("zclxbm");thirdname=rs.getString("zclxmc");%><optionvalue="<%=thirdid%>"><%=thirdname%></option><%}rs.close();}catch(Exceptione){e.printStackTrace();}finally{try{stmt.close();}catch(Exceptione){e.printStackTrace();}try{con.close();}catch(Exceptione){e.printStackTrace();}}%></select></td>////////////////functionselectsteelkind(){document.form1.action="aa.jsp?index=3";document.form1.submit();}下拉框联动做到了,但先前录入的资产名称项值没了,如何改
解决方案六:

该回复于2011-03-02 13:21:15被版主删除
解决方案七:

ajax无刷新
解决方案八:

必须AJAX啊兄弟

时间: 2024-12-02 07:57:01

下拉框问题的相关文章

ext下拉框在linux系统下,输入框有XX的关闭

问题描述 ext下拉框在linux系统下,输入框有XX的关闭 如果所示,在linux系统,可输入的下拉框有XX的按钮,但是本地却没有,不知道这个该怎么设置,现在的问题是,linux系统上点那个XX没有效果,点击为空后,鼠标放到别的地方时,当时选得值又出现了,有没有人知道这个梗.

怎样使&amp;amp;lt;select&amp;amp;gt;标签的下拉框内的小图标,在IE和chrome下显示的大小一致

问题描述 怎样使<select>标签的下拉框内的小图标,在IE和chrome下显示的大小一致 解决方案 那个小黑原点?调兼容性- 解决方案二: 是那个小黑点,怎么调啊

获取下拉框选中的label

1,如何获取下拉框选中的文本(不是值)呢? Js代码   var selectedIndex = $houseBuilding.get(0).selectedIndex;   var selectedOption = $houseBuilding.get(0).options[selectedIndex];   var selectHouse = selectedOption.label;   if (!selectHouse) {       selectHouse = selectedOpt

javascript调用XML制作连动下拉框

传统的HTML页面中连动下拉框采用了两种方法:1)直接将下拉框中的内容hardcode于html的javascript中,调用javascript函数循环写入下拉框中.这种方法不适用于下拉框内容经常改变的情况.因为数据源和javascript程序写死在同一页面.   <html><head><title>List</title><meta http-equiv="Content-Type" content="text/ht

thinkphp中在编辑一条数据时不用JS实现自动选中下拉框

<select name="auth_pid" id="auth_pid"> <option value="0" >--请选择--</option> <volist name="auth_list" id="item"> <eq name="item.auth_id" value="$auth_info.auth_pid&q

ajax完美解决 下拉框连动

ajax|解决|下拉 <select id="Agent" name="Agent"></select> 接下来当然是定义XmlHttpRequest对象.    var xmlhttp;function CreateXmlHttp()   {     //非IE浏览器创建XmlHttpRequest对象    if(window.XmlHttpRequest)    {     xmlhttp=new XmlHttpRequest();  

利用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJAX例子

ajax|下拉 最近终于有时间研究研究AJAX了.看了一些AJAX的介绍.用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJAX的小例子,和初学者分享一下. 代码下载 <script language="javascript" type="text/javascript" ><!-- function goCity(){        var url = "AreaHandler.ashx";

Javascript 调用XML制作连动下拉框

javascript|xml|下拉 传统的HTML页面中连动下拉框采用了两种方法:1)直接将下拉框中的内容hardcode于html的javascript中,调用javascript函数循环写入下拉框中.这种方法不适用于下拉框内容经常改变的情况.因为数据源和javascript程序写死在同一页面.   <html><head><title>List</title><meta http-equiv="Content-Type" con

当层遇到下拉框(select)框时的解决方法

select|解决|下拉 当层遇到下拉框时总是挡不了select框?其实这是IE的BUG,其它的浏览器没有这个问题,对于这个问题论坛里不少提出,在这里提供我的几种方法,各有各的好处,有错,有好的意见者提出,谢谢. 1.最直接的方法:隐藏下拉框. 下面提供的是一个比较通用的一组函数: test.htm ------------ <script>var HideElementTemp = new Array();//点击菜单时,调用此的函数,菜单对象function cal_hideElement

经验技巧 用 iframe 解决下拉框与层之冲突

技巧|解决|下拉     问题提出:我用dw做了一个下拉菜单,但是碰到form的列表项就跑到下面去了,请帮忙解决,请看问题图示         解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题.(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下: <div id="menu" style=&qu