`
ranyut
  • 浏览: 259846 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

[点滴积累]jdbc与js结合的级联下拉列表

阅读更多
代码片段
<td valign="top" ><p align="right">车牌号码:</p></td>
            <td >
          <select size="1" name="CLID"  onchange="javaScript:changelocation(this.value);" style="width:200">
            <option value="">==请选择==</option>
<%
    SQL = "Select CLID,CPHM,CLMC,SJMC from CL_JBXX where 1=1;";

    ResultSet rs_1 = queryData.getResultSet(SQL );

	int iCLID_select = 0;
	String sjmc2 = "";
    while (rs_1.next()){
	  	 iCLID_select = rs_1.getInt("CLID");
    	 sCPHM = rs_1.getString("CPHM");
	     sCLMC = rs_1.getString("CLMC");
    	// sSJMC = rs_1.getString("SJMC");
%>
      <option  <% if (iCLID_select == iCLID)  {%> selected <% } %> value="<%=iCLID_select%>"><%=sCLMC%>(<%=sCPHM%>)</option>
<% } %>
              </select></td>
            <td >
              <p align="right">司机名称:</td>
            <td ><input name="SJMC"   value="<%=sSJMC%>" type="text" maxlength="100" class="tex1" size="20"></td>
          </tr>

<%
     sql =  "Select  CLID,CPHM,CLMC,SJMC  from  CL_JBXX  where  1=1 ;"
     ResultSet rsSelect = queryData.getResultSet(sql );
%>
      <script language = "JavaScript">
        var onecount;
        onecount=0;
        subcat = new Array();
<%	int iCount = 0;
	String sSJMC2="";
         while (rsSelect.next()){
		     iCLID = rsSelect.getInt("CLID");
		     sCPHM = rsSelect.getString("CPHM");
		     sCLMC = rsSelect.getString("CLMC");
		     sSJMC2 = rsSelect.getString("SJMC");
%>
            subcat[<%=iCount%>] = new Array("<%=sSJMC2%>","<%=iCLID%>");
<%
             iCount = iCount + 1;
         }
%>
  onecount=<%=iCount%>;
</script>


 function changelocation(locationid)
     {
         var locationid=locationid;
         var ii;
         for (ii=0;ii < onecount; ii++)
         {
             if  ((subcat[ii][1] == locationid) || (locationid==0) )
             {
                 document.form.SJMC.value = subcat[ii][0];
             }
         }
    }

  • 大小: 19.2 KB
分享到:
评论

相关推荐

    input 级联下拉列表

    在网页设计和开发中,`input`级联下拉列表是一种常见的交互元素,它允许用户在选择一个选项后,根据该选项的值动态地显示相关的第二个或更多下拉列表。这种设计模式通常用于处理层级关系的数据,如国家/地区、省份/...

    JavaScript动态级联下拉列表框

    JavaScript动态级联下拉列表框是一种常见的前端交互设计,它允许用户在选择一个选项后,根据选择的结果动态更新下一个下拉列表框的内容。这种技术在数据筛选、表单填写等场景中广泛应用,能够提高用户体验,减少不必...

    jquery简单实现级联下拉列表

    级联下拉列表是指当用户在一个下拉列表中选择某个选项时,会触发另一个或多个下拉列表的更新,以便显示与之相关的选项。这种交互方式可以提高用户体验,简化复杂的数据选择过程。 ### jQuery在级联下拉列表中的应用...

    级联下拉列表工具类,js实现

    ### 级联下拉列表工具类:JS实现详解 #### 概述 级联下拉列表是一种在前端开发中常见的交互方式,特别是在处理多层级数据时,它能有效地帮助用户进行选择。本文将深入分析一个名为`ComboSelectFactory`的...

    网页表单级联下拉列表自动填写方法

    级联下拉列表框的实现原理是基于JavaScript和HTML的结合使用。首先,在HTML中定义多个下拉列表框,每个下拉列表框对应一个ID和名称。然后,在JavaScript中使用 onchange 事件来监听页面的变化,当用户选择了前一个...

    Ajax级联下拉列表.rar

    级联下拉列表是一种常见的前端交互设计,用户在一个下拉列表中做出选择后,第二个或更多的下拉列表会根据前一个选择动态地加载相关数据。这通常用于处理有层级关系的数据,如国家-城市-区县的选择,或者类别-子类别-...

    select级联下拉列表

    这种技术通常结合JavaScript(JS)、HTML5和jQuery库来实现,使得用户能够在多个下拉菜单之间进行联动选择,无需页面刷新即可完成数据更新。 首先,我们来理解"级联"的概念。级联意味着一个下拉菜单的选择会影响另...

    jQuery实现的多级级联下拉列表

    **jQuery实现的多级级联下拉...总结,这个项目展示了如何利用jQuery与Struts1.2框架协同工作,实现动态的多级级联下拉列表。理解并熟练掌握这一技术,有助于提升Web应用的用户体验,使用户能够更方便地进行数据选择。

    javascript实现无限级级联下拉列表

    在JavaScript编程中,实现无限级联下拉列表是一项常见的需求,尤其在构建多级导航菜单、组织结构或者层级关系的数据展示时。无限级联下拉列表允许用户逐级选择,每一级的选择会影响到下一级的显示内容。下面我们将...

    级联下拉列表

    级联下拉列表是一种常见的前端交互设计,常用于如地区选择、分类筛选等场景,它使得用户能够通过一个下拉菜单的选择触发另一个下拉菜单的内容更新。在这个案例中,我们只用五句代码就能实现这样的功能,这充分体现了...

    jQuery 级联下拉列表

    在网页开发中,级联下拉列表是一种常见的交互设计,常用于实现省市区选择、类别筛选等场景。jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和Ajax交互,同时也提供了丰富的插件来扩展功能。在这个...

    ajax实现级联下拉列表代码

    在网页开发中,级联下拉列表是一种常见的交互设计,它允许用户在选择一个选项后,根据该选项的值动态加载下一个下拉列表的内容。这种功能通常用于展示层级关系的数据,如国家-省份-城市这样的地理信息。在本示例中,...

    jQuery 级联下拉列表(修正版)

    级联下拉列表的基本工作原理是,当用户在一个下拉框中选择一个选项时,它会触发事件,更新关联的下一个下拉框的选项,使其只显示与所选选项相关的数据。 描述中提供的使用方法 "$().related({ S1:"s1", S2:"s2", S3...

    javascript级联下拉列表和正则表达式

    javascript 级联下拉列表 正则表达式

    Html dom中的select, option_ 级联下拉列表

    级联下拉列表涉及到监听某个下拉列表的变化事件,然后根据选择的值来动态更改另一个下拉列表的选项。这通常需要事先准备相关的数据源,然后在事件触发时,根据数据源动态更新页面元素。 select和option是HTML中构建...

    jsp出生日期三级级联下拉列表

    在本文中,我们将深入探讨如何在JSP(JavaServer Pages)中实现一个基于JavaScript的出生日期三级级联下拉列表。这种功能常用于用户注册、个人信息填写等场景,让用户能够方便地选择他们的出生年、月和日。 首先,...

    级联下拉列表绑定 地区JS文件

    在本示例中,我们将探讨如何使用JavaScript实现一个级联下拉列表,特别是通过"地区JS文件"来实现这一功能。 首先,`AreaDemo.html`是演示页面,它包含了整个级联下拉列表的HTML结构和JavaScript引用。在这个文件中...

    安卓--级联下拉列表实现DEMO

    在安卓开发中,级联下拉列表是一种常见的用户界面组件,用于提供多级选择功能,常见于地址选择、分类筛选等场景。这个"安卓--级联下拉列表实现DEMO"是一个实例,它展示了如何在Android应用中创建并使用这种交互效果...

    javascirpt 级联下拉列表类

    JavaScript 级联下拉列表是一种常见的前端交互设计,它允许用户在选择一个选项后,根据该选项的值动态更新第二个或更多的下拉列表。这种功能在数据层级关系明确、需要用户逐步选择的情况下非常有用,比如省份-城市-...

Global site tag (gtag.js) - Google Analytics