精华内容
下载资源
问答
  • ajax实现下拉列表级联

    2012-05-13 14:50:30
    利用ejb连接数据库,成功的实现ajax下拉列表级联,下拉列表中的数据从数据库中调用。
  • js下拉列表级联案例

    千次阅读 2017-09-08 13:42:07
    js下拉列表级联案例下面是省市级联菜单的Demo <title></title> window.onload = function() { //1.准备市区数据

    js下拉列表级联案例

    下面是省市级联菜单的Demo

        <head>
            <meta charset="UTF-8">
            <title></title>
            <script type="text/javascript">
                window.onload = function() {
                    //1.准备市区数据
                    var arr = new Array(2);
                    arr[0] = ["漯河", "郑州", "洛阳", "三门峡", "灵宝", "登封"];
                    arr[1] = ["保定", "石家庄", "邢台", "邯郸", "承德", "秦皇岛"];
                    arr[2] = ["济南", "青岛", "菏泽", "济宁", "潍坊", "烟台", "德州"];
                    arr[3] = ["朝阳区", "海淀区", "昌平区"];
                    //2.点击省份,触发事件
                    document.getElementById("province").onchange = function() {
                        //3.获取当前点击对象value属性的值,作用 作为城市数组的下标
                        var index = this.value;
                        //4.根据下标选择对应的城市
                        var cityArr = arr[index];
                        //5.遍历city数组,动态添加到市区下拉选择框
                        //bug:动态添加城市前,先把之前的城市清空
                        document.getElementById("city").innerHTML = " <option >--请-选-择-市--</option> ";
                        for(var i = 0; i < cityArr.length; i++) {
                            var cityName = cityArr[i];
                            //6.创建option节点
                            var option = document.createElement("option");
                            //7.创建文本节点
                            var text = document.createTextNode(cityName);
                            //8 把文本添加到option里面
                            option.appendChild(text);
                            //9.把option动态的添加到select
                            var select = document.getElementById("city");
                            select.appendChild(option);
                        }
                    }
                }
            </script>
        </head>
        <body>
    
            省份:
            <select  id="province">
                <option value="">----请-选-择-省----</option>
                <option value="0">河南省</option>
                <option value="1">河北省</option>
                <option value="2">山东省</option>
                <option value="3">北京市</option>
                <option value="4">浙江省</option>
                <option value="5">上海市</option>
            </select>
    
            市区:
            <select id="city">
                <option value="">----请-选-择-市----</option>
            </select>
        </body>
    
    展开全文
  • 使用ajax+struts2.0+jsp做的一个多下拉列表级联
  • 前段代码: 转诊医院 :  请选择 0) > ${hospitalsList.name!} 转诊科室:  ...//发送ajax实现科室下拉列表级联跟新 function getKishis(){ $.ajax({  url:"${request.con

    前段代码:

    转诊医院 :&nbsp;

    <select id="tohospital" name="tohospital" style="width: 214px" οnchange="getKishis();">
    <option value ="">请选择</option>
    <#if (returnMap.hospitalsList?size > 0) >
    <#list returnMap.hospitalsList as hospitalsList>
    <option value ="${hospitalsList.name!}">${hospitalsList.name!}</option>
    </#list>
    </#if>

    </select>


    转诊科室: &nbsp;
      <select id="todepartment" name="todepartment" style="width: 214px">
      <option value ="">请选择</option>
      </select> 


    //发送ajax实现科室下拉列表级联跟新
    function getKishis(){
    $.ajax({
                        url:"${request.contextPath}/findKeshis.action",
                        type:"post",
                        data:{hname:$("#tohospital").val()},
                        dataType:'json',
                        success: function (jsonArray){
                                                       //1.清空科室下拉列表原有的option
                                                         $("#todepartment").empty();
                                                       //2.更新科室下拉列表
                                                        for(var i=0;i<jsonArray.length;i++){
                                                             var jsonObj = jsonArray[i];
                                                             var $option =$("<option></option>");
                                                             $option.val(jsonObj.kname);
                                                             $option.text(jsonObj.kname);
                                                             $("#todepartment").append($option);
                                                             
                                                        }
                                                      }
                
                       });

    }

    后台代码:

    //联级查询医院科室
    public void findKeshis() throws IOException{
    List<Keshis> keshis = keshisService.queryList(hname);
    //hibernate关联属性,解决json死循环
    JsonConfig config = new JsonConfig();
                   config.setJsonPropertyFilter(new PropertyFilter() {
                       @Override
                       public boolean apply(Object arg0, String arg1, Object arg2) {
                           if (arg1.equals("keshis")) {
                               return true;
                           } else {
                               return false;
                           }
                       }
                   });
    JSONArray jsonData=JSONArray.fromObject(keshis,config);
    System.out.println(jsonData);
    HttpServletResponse response = ServletActionContext.getResponse();
    response.setCharacterEncoding("utf-8");
    response.getWriter().print(jsonData);
    }



    展开全文
  • struts2标签实现下拉列表级联操作

    千次阅读 2013-09-27 09:57:45
    struts2标签实现下拉列表级联操作
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@taglib prefix="s" uri="/struts-tags" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    请选择城市:	
    <s:form name="cityform">
       <s:set
       name="citys"
       value="#{
                '河南省':{'郑州市','濮阳市','开封市'},
                '湖北省':{'武汉市','武昌市','汉口市'},
                '山东省':{'济南市','淄博市','青岛市'}}"></s:set>
       <s:doubleselect
       label="选择你所在城市:"
       name="province"
       list="#citys.keySet()"
       doubleName="city"
       doubleList="#citys[top]"></s:doubleselect>
    </s:form>	
    </body>
    </html>

    展开全文
  • 在javaScript中使下拉列表实现级联更新
  • js 动态生成下拉列表 下拉列表级联

    千次阅读 2012-02-02 14:17:46
    简单的动态生成下拉列表 并且 带有级联操作 根据父级节点的值来组织子级下拉列表的值 无标题文档 function changeF(fatherValue) { if(fatherValue!=null) { var s2 = document....

    简单的动态生成下拉列表 并且 带有级联操作

    根据父级节点的值来组织子级下拉列表的值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script language="javascript">
    function changeF(fatherValue)
    {
    	if(fatherValue!=null)
    	{
    		var s2 = document.getElementById('id2');
    		//s2.length=1;
    		s2.length = 1;//保留下拉列表的第一条,如果将所有的都清楚了,则值等于0即可
    		for(var i=0;i<3;i++)
    		{
    			//alert(i);
    			var v = document.createElement('option');
    			v.setAttribute('value', i);
    			var inner = document.createTextNode("我的值是_"+i+"_fatherValue="+fatherValue);	
    			v.appendChild(inner);
    			s2.appendChild(v);
    		}
    		
    	}
    	
    }
    </script>
    </head>
    
    <body>
    	父级下拉列表:
    	<select id="id1" name="id1" οnchange="changeF(this.value);">
    		<option value="1">1</option>
    		<option value="2">2</option>
    		<option value="3">3</option>
    	</select>
    	子级下拉列表:
    	<select id="id2" name="id2" οnchange="javascript:alert(this.value);">
    		<option value="-1">ok</option>
    	</select>
    </body>
    </html>


     

    展开全文
  • 下拉列表级联操作

    2018-03-27 13:32:00
    &lt;!DOCTYPE html&gt;&lt;html&gt; &lt;...级联操作&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;!--域改变事件--&gt; &lt;select o
  • 在页面中我们经常看到下拉多选框,当我们点击不同项时它后面的多选框会显示不同的数据,下面我们来完成这项工作。 <!DOCTYPE html> <... <...级联</title> <script> //添加数据 ...
  • jquery 下拉列表级联

    2015-11-27 15:54:10
    $(function () { function objInit(obj) { return $(obj).html("请选择"); } var arrData = { 厂商1: { 品牌1_1: "型号1_1_1,型号1_1_2", 品牌1_2: "型号1_2_1,型号1_2_2",
  • ajax 实现城市,区域,道路 下拉列表级联。。主要还是js &lt;script type="text/javascript"&gt; var xmlHttp; function createXMLHttp(){ if(window.XMLHttpRequest){ xmlHttp=new ...
  • select下拉列表级联

    2015-01-07 17:42:24
    原文地址:http://blog.csdn.net/symgdwyh/article/details/5432582 v1 v2 v3 v4 v1 v2 v3 v4 注意:fireFox需要将name换成id。 2、 test.html: ...
  • Android 实现下拉列表级联

    千次阅读 2015-01-15 11:36:32
    // 设置二级下拉列表的选项内容 } public void onNothingSelected(AdapterView<?> arg0) { // 表示没有选项的时候触发 // 一般此方法现在不关心 } } } 效果如下: 源码下载:...
  • xml代码如下: ...// 设置二级下拉列表的选项内容 } public void onNothingSelected(AdapterView<?> arg0) { // 表示没有选项的时候触发 // 一般此方法现在不关心 } } }
  • 下拉列表级联的小demo

    2018-07-30 19:12:53
    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&... v
  • 级联效果 var cityList = new Array(); cityList['北京市'] = ['朝阳区','东城区','西城区', '海淀区','宣武区','丰台区','怀柔','延庆','房山']; cityList['上海市'] = ['宝山区','长宁区','丰贤区', '虹口区...
  • js 下拉列表级联

    2010-06-30 11:10:15
    JS级联下拉列表 二级联动: 请选择一级大类 家用电器 电子元器件 请选择二级小类
  • JavaScript从XML中解析数据达到省市区下拉列表级联 HTMl代码如下: 1 <html> 2 3 <head> 4 5 <title></title> 6 <script> 7 function $(obj){ 8 return document.getElemen...
  • 非动态省市级联表单。从数据库查询封装成父 List集合。子类键值对String 父类标识。 Map,List>。 页面遍历。根据key 取值,循环tr。
  • 在程序开发过程中,经常要实现级联的作用,比如:省市区的级联,当下拉列表选择了省之后,在市的下拉的时候就应该是该省下的所有城市,而不是全部饿城市,以此类推在选着市区之后在区域也应该是该市下的市区。...
  • 下拉列表 级联菜单操作

    千次阅读 2013-11-30 09:57:46
    function selcity(){ var arr = [["--选择城市--"],["海定区","东城区","西城区","朝阳区"],["济南","青岛","日照","威海"], ["长沙","郴州","岳阳","株洲"],["广州","深圳","惠州","东莞"]];...
  • 测试动态级联 <el-cascader :props="props" ref="cascader"></el-cascader> </div> </template> <script type="text/javascript"> export default { data() { return { data: '...
  • script type="text/javascript"> function selcity(){ var arr = [["--选择城市--"],["海定区","东城区","西城区","朝阳区"],["济南","青岛","日照","威海"], ["长沙","郴州","岳阳","株洲"],["广州","深圳...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 692
精华内容 276
关键字:

下拉列表级联