在html里实现下拉菜单的二级联动(Ajax) 下拉菜单的数据怎么从数据库循环读取出来呢?

我看到网上有详细的 在jsp页面上做二级联动的方法 但是在循环读取的时候 jsp都用的JSTL标签库

3个回答

用$("#id").append();方法添加,注意每次更换一级菜单时需要将二级菜单下的值全部清空$("#id").html("");

我看到网上有详细的 在jsp页面上做二级联动的方法 但是在循环读取的时候 jsp都用的JSTL标签库来循环动态读取 请问在html中 下拉菜单项可以从数据库中动态循环读取么?求实例 谢谢大家

你可以在一级菜单处添加一个onblur事件,链接到一个ajax方法当中,在方法里面从数据库中取出你需要的二级菜单的数据,然后动态给它添加进去

AIENS_ENGIN
AIENS_ENGIN fuck
大约一年之前 回复
Hu_Yanke
Hu_Yanke 回复weixin_36383810: 在ajax返回的数据,做循环。循环次数和你返回的集合里的数据量一样
3 年多之前 回复
weixin_36383810
喵喵今天不喵 我加完 onChange 之后 在它的函数(方法里) 从数据库获取数据么? 那我html的下拉菜单 应该怎么写 能把读出的数据动态显示出来呢
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JSF下的二级联动菜单

最近用到了一个二级菜单,第一个下拉框是大分类,第二个是小分类。 都是动态的,但是Ajax实在是学的不好,大家帮我出点主意!!

请给我详细讲讲三级下拉联动,谢谢

先上图吧: ![图片说明](https://img-ask.csdn.net/upload/201707/29/1501317893_427585.png) , , ①:代表第一个下拉列表; ②:代表第二个下拉列表; ③:代表第三个下拉列表。 , , **我的需求:** 我在 ① ② ③ 默认都为请选择,在不选择 ① 的情况下,② 和 ③ 是没有内容的。 只有选择了 ① 之后,② 才会出现对应的内容。 比如,我在 ① 处选择了广东省,② 才会出现『广州市、深圳市……』的内容。 同时,每当我在下拉列表中选择一种选项,页面中的内容:也就是根据职位类型所查询出的公司,都会根据下拉列表的选项,从数据库中进行查询。 , , , **目前的情况:** 目前我已将后台的查询方法都写好了,但是前端这一块实在不太擅长。如果说前端要返回ajax的话,那么如何返回?后台又如何接受(实在抱歉,我太菜了,没怎么搞过前端,之前都是专做后台,只需要从后台返回json数据到前端,还真不知道controller怎么接收ajax)。 , , 请大神给我详细的说说,下拉联动如何搞,如何返回ajax到后台,后台又如何接收? 对了,我用的是ThymeLeaf模板。

在做四级联动下拉列表时遇到 ajax第二级列表拿不到值得问题

![图片说明](https://img-ask.csdn.net/upload/201609/02/1472780643_502072.png) ![图片说明](https://img-ask.csdn.net/upload/201609/02/1472780662_103886.png) ![图片说明](https://img-ask.csdn.net/upload/201609/02/1472780673_663434.png) ![图片说明](https://img-ask.csdn.net/upload/201609/02/1472780687_100299.png) ![图片说明](https://img-ask.csdn.net/upload/201609/02/1472780697_765101.png)

用jquery ajax从数据库获取数据实现二级联动

我的思路就是一级那里搞个select,然后利用ajax返回action。然后利用ajax那里不懂。哪位大神教我怎么做? 1、这是select, function select(){ var xitong=document.getElementById("xitong").value; $.ajax({ url:'/netbank/budiao/testaj', type:'post', dataType:'json', data:{"xitong.xitongname":xitong}, error: function(){ alert("服务器没有返回数据,可能服务器忙,请重试"); }, success:createshebeiname2 }); 2、这是/netbank/budiao/testaj', public String testaj(){ System.out.println("testaj"); String name=xitong.getXitongname(); System.out.println(name); shebeilist=budiaoBiz.getShebeibyname(xitong.getXitongname()); request.put("shebeilist", shebeilist); return "testaj"; } 3、这是struts.xml的一部分 <package name="budiao" namespace="/budiao" extends="json-default" > <action name="*" class="budiao" method="{1}"> <result name="testaj" type="json"></result> 结果:select选择的时候,能够打印出testaj和xitongname的值,还有alert("服务器没有返回数据,可能服务器忙,请重试");

求问,如何做一个二级联动的下拉表单(select),每点击一下按钮,表单增加一行。

求问,如何做一个二级联动的下拉表单(select),每点击一下按钮,表单增加一行。我现在的问题是,表单增加后,二级联动就没有效果了。 这是html和表单元素代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/tab.js"></script> <script type="text/javascript" src="js/select2.js"></script> <link href="css/select2.css" rel="stylesheet"/> </style> </head> <body> <br> <table class="table" > <thead> <tr> <th>厚度</th> <th>光度</th> <th>外观</th> </tr> </thead> <tbody> <tr id="a"> <td> <div class="demo"> <div id="city_5"> <select class="prov"></select> <select class="city" disabled="disabled"></select> <select class="dist" disabled="disabled"></select> </div> </div> </td> <td><input type="" name=""></td> <td><input type="" name=""></td> </tr> </tbody> </table> <button onclick="fun()">增加一行</button> <button onclick="del()">删除一行</button> <script type="text/javascript" src="jquery.cityselect.js"></script> <script type="text/javascript"> $(function() { $("#city_5").citySelect({ url: {"citylist": [ {"p": "前端课程", "c": [{"n": "HTML5"}, {"n": "CSS3", "a": [{"s": "HTML"}, {"s": "AJAX"}]}, {"n": "JSON"}]}, {"p": "编程语言", "c": [{"n": "C"}, {"n": "C++"}, {"n": "Python"}, {"n": "PHP"}, {"n": "JAVA"}]}, {"p": "数据库", "c": [{"n": "Mysql"}, {"n": "SqlServer"}, {"n": "Oracle"}, {"n": "Mssql"}]}, ]}, prov: "", city: "", dist: "", nodata: "none" }); }); </script> </body> </html> 这是增加一行的代码 var i = 1; $(".td").each(function(){ $(this).html(i++); }) function fun(){ var $td = $("#a").clone(); //增加一行,克隆第一个对象 $(".table").append($td); var i = 1; $(".td").each(function(){ //增加一行后重新更新序号1,2,3...... $(this).html(i++); }) $("table tr:last").find(":input").val(''); //将尾行元素克隆来的保存的值清空 } function del(){ $("table tr:not(:first):not(:first):last").remove(); //移除最后一行,并且保留前两行 } 这是二级联动代码 /* Ajax 三级省市联动 http://code.ciaoca.cn/ 日期:2012-7-18 settings 参数说明 ----- url:省市数据josn文件路径 prov:默认省份 city:默认城市 dist:默认地区(县) nodata:无数据状态 required:必选项 ------------------------------ */ (function($) { $.fn.citySelect = function(settings) { if (this.length < 1) { return; } ; // 默认值 settings = $.extend({ url: "city.min.js", prov: null, city: null, dist: null, nodata: null, required: true }, settings); var box_obj = this; var prov_obj = box_obj.find(".prov"); var city_obj = box_obj.find(".city"); var dist_obj = box_obj.find(".dist"); var prov_val = settings.prov; var city_val = settings.city; var dist_val = settings.dist; var select_prehtml = (settings.required) ? "" : "<option value=''>请选择</option>"; var city_json; // 赋值市级函数 var cityStart = function() { var prov_id = prov_obj.get(0).selectedIndex; if (!settings.required) { prov_id--; } ; city_obj.empty().attr("disabled", true); dist_obj.empty().attr("disabled", true); if (prov_id < 0 || typeof (city_json.citylist[prov_id].c) == "undefined") { if (settings.nodata == "none") { city_obj.css("display", "none"); dist_obj.css("display", "none"); } else if (settings.nodata == "hidden") { city_obj.css("visibility", "hidden"); dist_obj.css("visibility", "hidden"); } ; return; } ; // 遍历赋值市级下拉列表 temp_html = select_prehtml; $.each(city_json.citylist[prov_id].c, function(i, city) { temp_html += "<option value='" + city.n + "'>" + city.n + "</option>"; }); city_obj.html(temp_html).attr("disabled", false).css({"display": "", "visibility": ""}); distStart(); }; // 赋值地区(县)函数 var distStart = function() { var prov_id = prov_obj.get(0).selectedIndex; var city_id = city_obj.get(0).selectedIndex; if (!settings.required) { prov_id--; city_id--; } ; dist_obj.empty().attr("disabled", true); if (prov_id < 0 || city_id < 0 || typeof (city_json.citylist[prov_id].c[city_id].a) == "undefined") { if (settings.nodata == "none") { dist_obj.css("display", "none"); } else if (settings.nodata == "hidden") { dist_obj.css("visibility", "hidden"); } ; return; } ; // 遍历赋值市级下拉列表 temp_html = select_prehtml; $.each(city_json.citylist[prov_id].c[city_id].a, function(i, dist) { temp_html += "<option value='" + dist.s + "'>" + dist.s + "</option>"; }); dist_obj.html(temp_html).attr("disabled", false).css({"display": "", "visibility": ""}); }; var init = function() { // 遍历赋值省份下拉列表 temp_html = select_prehtml; $.each(city_json.citylist, function(i, prov) { temp_html += "<option value='" + prov.p + "'>" + prov.p + "</option>"; }); prov_obj.html(temp_html); // 若有传入省份与市级的值,则选中。(setTimeout为兼容IE6而设置) setTimeout(function() { if (settings.prov != null) { prov_obj.val(settings.prov); cityStart(); setTimeout(function() { if (settings.city != null) { city_obj.val(settings.city); distStart(); setTimeout(function() { if (settings.dist != null) { dist_obj.val(settings.dist); } ; }, 1); } ; }, 1); } ; }, 1); // 选择省份时发生事件 prov_obj.bind("change", function() { cityStart(); }); // 选择市级时发生事件 city_obj.bind("change", function() { distStart(); }); }; // 设置省市json数据 if (typeof (settings.url) == "string") { $.getJSON(settings.url, function(json) { city_json = json; init(); }); } else { city_json = settings.url; init(); } ; }; })(jQuery);

javaweb项目的菜单如何从数据库获取实现多级联动

大家搭建javaweb项目的菜单是采用怎样的方式搭建啊,我想实现从数据库获取菜单数据展现菜单并实现联动,有没有推荐的视频教学文档之类的? 具体 如:页面的最上面大概四分之一 是导航栏菜单A、B、C、D,点击A 在剩下四分之三的左边大概六分之一 是下级菜单 显示a1 a2 a3 a4,而点击a1 会显示子菜单a11 a12 a13,也可以设a2为没有子菜单;点击B 则 显示是 b1 b2 b3 b4 , 在下部的右边六分之五是展示页面, 点击 a11、a2会在里面跳转展示不同的页面。 菜单都从数据库获取拿出的情况下,分别点击A、B、C的时候 是如何实现左侧菜单动态改变的?左侧的子菜单又是如何实现? 如果用js异步请求,菜单都依赖js会不会很容易出现兼容问题啊?如果浏览器不兼容js 会不会导致整个项目连菜单都出不来……能直接用action.do请求方式 实现吗?还有,分那三个区块都不在同一个页面,我点A的时候 ajax返回的数据也是到A所在位置的页面 如何让数据是传到a1所在的页面啊? 如果是在系统运行时就查询数据库把菜单都存入一个map里 那这个map放哪里可以一直能用?就是 不用每次点击菜单按钮都去查询数据库,直接从map里获取 是不是更好

再做一个ajax+json的三级联动

``` var data ; $(function(){ $.ajax({ type:"post", url:"findAccountList", dataType:"json", success:function(json){ data = json; level1(data); } }); }); function level1(data){ $.map(data,function(obj){ if(obj.type==1){ $("#level1").append("<option value='"+obj.id+"'>"+obj.name+"</option>"); } }); } 部分代码为什么在$.map时遍历data遍历不出对象呢总是一个字符一个字符获取data中值 ```

dbfound做个省市区的联动菜单

dbfound做个省市区的联动菜单,保存到数据库时是相应的数字,数字是要这样规定的,每个省从数字0开始排序,每个省中所有市也从数字0开始排序,每个市中所有区也从数字0开始排序。

ajax,jsp,xml二级级联下拉列表

我想做一个简单的ajax,jsp,xml三者结合的二级级联下拉框,就是把数据放到xml文件中 但我不知道如何读取xml中的数据,如何获取list,再按照选中的查找... 我已经做了ajax,jsp从数据库中读取数据。但不知如何修改!还有xml文件放哪儿呢?放到web-inf下吗?还是和jsp放在一起? 请大家帮忙,指点指点 谢谢 index.jsp [code="java"]<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="gb2312"%> <html> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <head> <% String dbDriver = "com.microsoft.jdbc.sqlserver.SQLServerDriver"; //连接sql数据库的方法 String url = "jdbc:microsoft:sqlserver://localhost:1433;DatabaseName=test"; String userName = "用户名"; String password = "密码"; Connection conn = null; Statement st = null; ResultSet rs = null; List listb = new ArrayList(); try{ Class.forName(dbDriver); } catch(java.lang.ClassNotFoundException e) { e.printStackTrace(); } try { conn = DriverManager.getConnection(url,userName,password); st=conn.createStatement(); String sqlQuery="sql语句"; rs=st.executeQuery(sqlQuery); while (rs.next()) { listb.add(rs.getString(1)); } rs.close(); st.close(); conn.close(); } catch (Exception e) { e.printStackTrace(); } %> <script language="javascript"> var XMLHttpReq; //创建XMLHttpRequest对象 function createXMLHttpRequest() { if(window.XMLHttpRequest) { //Mozilla 浏览器 XMLHttpReq = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE浏览器 try { XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } } } //发送请求函数 function sendRequest(url) { createXMLHttpRequest(); XMLHttpReq.open("GET", url, true); XMLHttpReq.onreadystatechange = processResponse;//指定响应函数 XMLHttpReq.send(null); // 发送请求 } // 处理返回信息函数 function processResponse() { if (XMLHttpReq.readyState == 4) { // 判断对象状态 if (XMLHttpReq.status == 200) { // 信息已经成功返回,开始处理信息 updateMenu(); } else { //页面不正常 alert("您所请求的页面有异常。"); } } } //更新菜单函数 function updateMenu() { var res=XMLHttpReq.responseXML.getElementsByTagName("res") /**下面是用innerHTML输出控件内容的一般用法 * var subMenu = ""; * for(var i = 0; i < res.length; i++) { * subMenu = subMenu + " " + res[i].firstChild.data + ""; * } * currentSort.innerHTML = subMenu; **/ var list = document.all.list; list.options.length=0; list.add(new Option("---请选择---","")); for(var i=0;i<res.length;i++){ list.add(new Option(res[i].firstChild.data,res[i].firstChild.data)); } } // 创建级联菜单函数 function showSubMenu(obj) { sendRequest("menu.jsp?sort=" + obj ); /**下面这一句的作用是:每次选择后回到第一个选项**/ // document.all.mli.options[0].selected=true; } </script> </head> <body> <select onchange="showSubMenu(this.options[this.options.selectedIndex].value)" name="select1"> <option value=''>---------请选择----------</option> <% for(int i=0;i<listb.size();i++) { out.println("<option value='"+listb.get(i)+"'>"+listb.get(i)+"</option>"); } %> </select> <select name="list" onchange="if(this.selectedIndex)alert('您选择的是:'+select1.options.value+' 中的 '+this.options[this.options.selectedIndex].value)"> <option value="">---请选择---</option> </select> </body> </html> [/code] menu.jsp [code="java"] HTML code<%@ page contentType="text/html; charset=GB2312" import="java.util.*,java.sql.*" %> <% String sort=new String(request.getParameter("sort").getBytes("iso-8859-1"),"GB2312"); System.out.print("sort="+sort); String dbDriver = "com.microsoft.jdbc.sqlserver.SQLServerDriver"; //连接sql数据库的方法 String url = "jdbc:microsoft:sqlserver://localhost:1433;DatabaseName=test"; String userName = "用户名"; String password = "密码"; Connection conn = null; Statement st = null; ResultSet rs = null; List lists = new ArrayList(); try{ Class.forName(dbDriver); } catch(java.lang.ClassNotFoundException e) { e.printStackTrace(); } try { conn = DriverManager.getConnection(url,userName,password); st=conn.createStatement(); rs=st.executeQuery("sql语句"); while (rs.next()) { lists.add(rs.getString(1)); } rs.close(); st.close(); conn.close(); } catch (Exception e) { e.printStackTrace(); } response.setContentType("text/xml; charset=gb2312"); response.setHeader("Cache-Control", "no-cache"); response.getWriter().write("<?xml version=\"1.0\" encoding=\"gb2312\"?>"); out.println("<response>"); for(int i=0;i<lists.size();i++) { out.println("<res>" + lists.get(i).toString() + "</res>"); } out.println("</response>"); %> [/code]

ssh框架中怎么用ajax或者其他方法实现两个级联下拉框

ssh框架中怎么用ajax或者其他方法实现两个级联下拉框 两个下拉框都是从数据库获取的 第一张表的一个字段是另外一张表的外键 都要从外键获取 不懂得怎么弄 求代码。。。求原理

求asp.net从后台获取数据的三级联动的ajax代码

下拉列表的内容从数据库获取,方法写好了。但是ajax不会写。求个代码

选择第一个下拉框,第二个跟着刷新数据,实现联动刷新

``` <script type="text/javascript"> var dirMap = new Map(); var uppeakMap = new Map(); var downpeakMap = new Map(); var timeMap = new Map(); $(function(){ debugger init(); var data = ${data}; initEchart(data) //切换方向下拉框 $("#dirSelect").change(function(){ var dirid = $(this).val(); debugger var peakid = $("#peaksetionSelect option:selected").val(); debugger createPeakSelect(dirMap.get(dirid)); getData(peakid,dirid); }); //切换峰段下拉框 $("#peaksetionSelect").change(function(){ var peakid = $(this).val(); var dirid = $("#dirSelect option:selected").val(); getData(peakid,dirid); }); }); function getData(peakid,dirid){ debugger var url = "${ContextPath}/generic/workplan/flush?IntervalList="+$.queryString("IntervalList")+ "&lineId="+$.queryString("lineId")+"&categoryId="+$.queryString("categoryId")+"&peaksetionId="+peakid+"&dir="+dirid; var data = $.ajax({ url : url, async : false, type : "POST", data : {}, success: function(data){ debugger if(data) { data = eval("("+data+")"); initEchart(data); } } }); } function createPeakSelect(peakMap){ var selectPeak=$("#peaksetionSelect");//峰段下拉框 peakMap.each(function(peakid){ if(!dirRepeat("peaksetionSelect", peakid)){ var peakOption=$("<option></option>"); peakOption.val(peakid); peakOption.text(peakMap.get(peakid)); selectPeak.append(peakOption); } }); } function init(){ var IntervalList = $.queryString("IntervalList"); IntervalList=JSON.parse(IntervalList); //可以将json字符串转换成json对象 var selectObj = $("#dirSelect");//方向下拉框 var selectPeak=$("#peaksetionSelect");//峰段下拉框 for(var i =0 ;i<IntervalList.length;i++){ var peakid = IntervalList[i].PEAK_SECTION;//峰段id var peakName=IntervalList[i].PEAK_SECTIONDESC;//峰段名称 var startTime=IntervalList[i].STARTTIME;//峰段开始时间 // alert(startTime); var endTime=IntervalList[i].ENDTIME;//峰段结束时间 timeMap.put(peakid,startTime+"-"+endTime); var dirid=IntervalList[i].OPM_DIRECTION;//双向id var dirName = dirid=="0"?"上行":"下行";//方向返回0,表示是上行,否则下行 if(dirid=="0"){ debugger if(!uppeakMap.containsKey(peakid)){ //?放峰段的起始时间吗 uppeakMap.put(peakid,peakName); } dirMap.put(dirid,uppeakMap); }else{ debugger if(!downpeakMap.containsKey(peakid)){ downpeakMap.put(peakid,peakName); } dirMap.put(dirid,downpeakMap); } //去掉重复 if(!dirRepeat("dirSelect",dirid)){ var dirOption = $("<option></option>"); dirOption.val(dirid); dirOption.text(dirName); selectObj.append(dirOption); } if(!dirRepeat("peaksetionSelect", peakid)){ var peakOption=$("<option></option>"); peakOption.val(peakid); peakOption.text(peakName); selectPeak.append(peakOption); } } dirMap.each(function(dir){ dirMap.get(dir); }); } //去掉重复 function dirRepeat(id,value){ var returnValue = false; $("#"+id+" option").each(function(){ if($(this).val() == value){ returnValue = true; } }); return returnValue; } function initEchart(data){ debugger var stationThro = eval("("+data.throughputMap+")").stationList; var throughputList=eval("("+data.throughputMap+")").throughputList; var pastThroughputList=eval("("+data.pastCapacityMap+")").pastThroughputList; var stationRet=eval("("+data.retMap+")").stationList; var countList=eval("("+data.retMap+")").countList; var pastCountList=eval("("+data.pastTripsMap+")").pastCountList; var stationApp=eval("("+data.approvalMap+")").stationList; var approvalList=eval("("+data.approvalMap+")").approvalList; var pastApprovalList=eval("("+data.pastApprovalMap+")").pastApprovalList; var stationPun=eval("("+data.punctualityRateMap+")").stationList; var punctualityRateList=eval("("+data.punctualityRateMap+")").punctualityRateList; var pastPunctualityRateList=eval("("+data.pastPunctualityMap+")").pastPunctualityRateList; var peakid = $("#peaksetionSelect option:selected").val(); var time = timeMap.get(peakid); //为模块加载器配置echarts的路径,从当前页面链接到echarts.js,定义所需图表路径 <body> <h3>运力、满意度分析</h3> <div > <select id="dirSelect" ></select> <select id="peaksetionSelect"></select> </div> ``` ![图片说明](https://img-ask.csdn.net/upload/201512/24/1450919979_473951.jpg)

如何去实现三级联动 第三级变成文本框并且能输入值

![图片说明](https://img-ask.csdn.net/upload/201601/05/1451959765_242954.png) 如图片一样 币种和存期下拉形式 但是年利率要文本框 可输入值 用三级联动 怎么去实现 或者用别的方法

jquery怎么实现不刷新页面就更新下拉列表?

![图片说明](https://img-ask.csdn.net/upload/201907/22/1563777265_185700.png) ![图片说明](https://img-ask.csdn.net/upload/201907/22/1563777367_428849.png) 每次添加教学区后,教室管理教学区下拉列表并未更新最新添加的教学区,需要重新刷新整个页面方能出现。 现在想添加后不刷新直接实时在下拉列表中更新 ``` //添加一个教学区 function addArea() { var areaName = $("#operator_areaName").val(); if (areaName == '') { layer.msg("教学区名称不能为空", { time : 1500, icon : 2 }); return; } else { // 发送请求 var url = "/school/schoolArea/add"; var data = { "areaName" : areaName }; $.post(url, data, function(result) { if (result.resCode == "0") { layer.alert('添加教学区成功', { icon : 1 }); $('#area-table').bootstrapTable('refreshOptions',{pageNumber:1}); $("#areaModal").modal('hide'); //清除相应缓存,保证操作后数据是最新的 operatorAreaDealCache(); } else { layer.alert('操作失败,原因:' + result.resMsg, { icon : 2 }); } // $("#search_classroom_areaSelector").load(url,data); }); $("#search_classroom_areaSelector").attr("selected","selected"); } } ``` ``` //点击教室管理tab页 function loadClassrooms() { if(selectClassroomList.length != 0) { selectClassroomList = []; $("#classroom-table").bootstrapTable('removeAll'); $("#classroom-table").bootstrapTable("refresh"); } else { getClassroomList(); } } ``` ``` //填充教学区下拉列表 function getAllAreaSelector() { if (isFristGetAllAreaSelector) { $("#operator_schoolAreaSelector").selectpicker({ noneSelectedText: '请选择',//默认显示内容 size: 5 }); //数据赋值 //var select = $("#schoolAreaSelector"); var html = ""; var url = "/school/schoolArea/list"; var data = {"rows": -1}; $.post(url, data, function (result) { if (result.resCode == "0") { var areaList = result.rows; for (var i = 0; i < areaList.length; i++) { html += "<option value='" + areaList[i].areaId + "'>" + areaList[i].areaName + "</option>"; } $("#operator_schoolAreaSelector").append(html); $('#operator_schoolAreaSelector').selectpicker('refresh'); //初始化刷新数据 isFristGetAllAreaSelector = false; } }); } } ``` ``` //添加一个教学区 function addArea() { var areaName = $("#operator_areaName").val(); if (areaName == '') { layer.msg("教学区名称不能为空", { time : 1500, icon : 2 }); return; } else { // 发送请求 var url = "/school/schoolArea/add"; var data = { "areaName" : areaName }; $.post(url, data, function(result) { if (result.resCode == "0") { layer.alert('添加教学区成功', { icon : 1 }); $('#area-table').bootstrapTable('refreshOptions',{pageNumber:1}); $("#areaModal").modal('hide'); //清除相应缓存,保证操作后数据是最新的 operatorAreaDealCache(); } else { layer.alert('操作失败,原因:' + result.resMsg, { icon : 2 }); } // $("#search_classroom_areaSelector").load(url,data); }); $("#search_classroom_areaSelector").attr("selected","selected"); } } ```

求一个select2 ajax请求后台数据搜索下拉框功能 并回显选中项的demo

软件后台是java编写的 求一个select2 ajax请求后台数据搜索下拉框功能 并回显选中项的demo https://www.cnblogs.com/-mrl/p/7650156.html 这个帖子我已经试过了 搜索功能失效 不要在推荐了 强调一下 是用ajax请求的数据 而不是用本地的方式注入

ajax 根据一个下拉框的值的不同 另一个下拉框对应显示的值也不同

![图片说明](https://img-ask.csdn.net/upload/201603/04/1457063583_136126.png) 图片就是这样的,项目的类别有商户和银行两种,我要根据选择商户还是银行,让下边对应的选择已有商户 的下拉框中显示不同的数据,数据都需要通过后台去数据库里查的。 这个是不是要ajax啊?谁能告诉告诉我怎么写 。急急急 。。在线等好心人。。。。。

如何在jsp addrow()里面实现联动下拉?

在JSP页面通过addrow()可以添加多条相同数据结构的记录,第一个单元格数据是从数据库获得,通过选择这个单元格数据,后面的单元格数据自动弹出,如何实现? <table id="mytabletool" class="MyTableStyle"> <thead> <tr id="row1" align="center" valign="middle"> <td style="width:6%;border-left: 1px solid #333;border-right: 1px solid #333;">序號</td> <td style="width:10%;border-left: 1px solid #333;border-right: 1px solid #333;">名稱</td> <td style="width:10%;border-left: 1px solid #333;border-right: 1px solid #333;">數量</td> <td style="width:10%;border-left: 1px solid #333;border-right: 1px solid #333;">規格</td> </tr> </thead> <s:iterator value="toolinfo" status="stauts"> <tr align="center" valign="middle"> <td style="border-left: 1px solid #333;border-right: 1px solid #333;border-top: 1px solid #333;border-bottom: 1px solid #333;">${stauts.index+1}</td> <td style="border-left: 1px solid #333;border-right: 1px solid #333;border-top: 1px solid #333;border-bottom: 1px solid #333;"> <select name="toolname" id="toolname" onchange="changeToolName(this);"></select> </td> <td style="border-left: 1px solid #333;border-right: 1px solid #333;border-top: 1px solid #333;border-bottom: 1px solid #333;"><input type="text" style="width:50;" name="tquantity" value="${tquantity}"/></td> <td style="border-left: 1px solid #333;border-right: 1px solid #333;border-top: 1px solid #333;border-bottom: 1px solid #333;"> <select name="spec" id="spec"></select> </td> </tr> </s:iterator> </table > <input name="b3" type="button" value="add one row" onclick="javascript:addRowTool();"/> <input name="b4" type="button" value="delete one row" onclick="javascript:delRowTool();"/><br /> function changeToolName(ob){ var toolname = ob.value; $.ajax({ url:'toolAction_getToolSpecList', type:'post', data:{toolname:toolname}, dateType:'json', error: function(){alert('Error');}, success: function(data) { var obj = eval("("+data+")"); var str="<option value='' >--select--</option>"; //var obj = data; for(var key in obj) { str +="<option>"+obj[key]+"</option>"; } $("#spec").html(str); } }); } function addRowTool() { //增加一行 var tableObj = document.getElementById('mytabletool'); var rowNums = tableObj.rows.length; var newRow = tableObj.insertRow(rowNums); var col0 = newRow.insertCell(0); col0.align = "center"; col0.style.borderTop="1px solid #333"; col0.style.borderBottom="1px solid #333"; col0.style.borderLeft="1px solid #333"; col0.style.borderRight="1px solid #333"; col0.style.width="6%"; col0.innerHTML=rowNums; var col1 = newRow.insertCell(1); col1.align = "center"; col1.style.borderTop="1px solid #333"; col1.style.borderBottom="1px solid #333"; col1.style.borderLeft="1px solid #333"; col1.style.borderRight="1px solid #333"; col1.style.width="10%"; select=document.createElement("select"); select.name="toolname"; select.id="toolname"; $.ajax({ url:'toolAction_getToolNameList', type:'post', data:{}, dateType:'json', error: function(){alert('Error');}, success: function(data) { var Data = eval("("+data+")"); var str="<option value='' >--select--</option>"; //var Data= data; var item; for(var key in Data) { str +="<option>"+Data[key]+"</option>"; alert(str); item=new Option(Data[key],data[key]); select.add(item); } } }); col1.appendChild(select); var col2 = newRow.insertCell(2); col2.align = "center"; col2.style.borderTop="1px solid #333"; col2.style.borderBottom="1px solid #333"; col2.style.borderLeft="1px solid #333"; col2.style.borderRight="1px solid #333"; col2.style.width="10%"; var input2=document.createElement("input"); input2.type="text"; input2.name="tquantity"; input2.id="tquantity"; input2.style.width=90; col2.appendChild(input2); var col3 = newRow.insertCell(3); col3.align = "center"; col3.style.borderTop="1px solid #333"; col3.style.borderBottom="1px solid #333"; col3.style.borderLeft="1px solid #333"; col3.style.borderRight="1px solid #333"; col3.style.width="10%"; select=document.createElement("select"); select.name="spec"; select.id="spec"; col3.appendChild(select); } 只能获得名称,名称选择后无法触发onchange方法

ajax省份城市的联动,求大神指点阿

我数据库省份是一张表,城市一张表, 在城市表有一个对应的省份的id字段, 有2个下拉列表,我想页面加载的时候, 先把省份的数据全部加载出来, 然后根据选择的省份另一个下拉列表显示对应的城市

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

点沙成金:英特尔芯片制造全过程揭密

“亚马逊丛林里的蝴蝶扇动几下翅膀就可能引起两周后美国德州的一次飓风……” 这句人人皆知的话最初用来描述非线性系统中微小参数的变化所引起的系统极大变化。 而在更长的时间尺度内,我们所生活的这个世界就是这样一个异常复杂的非线性系统…… 水泥、穹顶、透视——关于时间与技艺的蝴蝶效应 公元前3000年,古埃及人将尼罗河中挖出的泥浆与纳特龙盐湖中的矿物盐混合,再掺入煅烧石灰石制成的石灰,由此得来了人...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

C++11:一些微小的变化(新的数据类型、template表达式内的空格、nullptr、std::nullptr_t)

本文介绍一些C++的两个新特性,它们虽然微小,但对你的编程十分重要 一、Template表达式内的空格 C++11标准之前建议在“在两个template表达式的闭符之间放一个空格”的要求已经过时了 例如: vector&lt;list&lt;int&gt; &gt;; //C++11之前 vector&lt;list&lt;int&gt;&gt;; //C++11 二、nullptr ...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

深入剖析Springboot启动原理的底层源码,再也不怕面试官问了!

大家现在应该都对Springboot很熟悉,但是你对他的启动原理了解吗?

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

【阿里P6面经】二本,curd两年,疯狂复习,拿下阿里offer

二本的读者,在老东家不断学习,最后逆袭

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

微软为一人收购一公司?破解索尼程序、写黑客小说,看他彪悍的程序人生!...

作者 | 伍杏玲出品 | CSDN(ID:CSDNnews)格子衬衫、常掉发、双肩包、修电脑、加班多……这些似乎成了大众给程序员的固定标签。近几年流行的“跨界风”开始刷新人们对程序员的...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

我说我懂多线程,面试官立马给我发了offer

不小心拿了几个offer,有点烦

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

代码注释如此沙雕,会玩还是你们程序员!

某站后端代码被“开源”,同时刷遍全网的,还有代码里的那些神注释。 我们这才知道,原来程序员个个都是段子手;这么多年来,我们也走过了他们的无数套路… 首先,产品经理,是永远永远吐槽不完的!网友的评论也非常扎心,说看这些代码就像在阅读程序员的日记,每一页都写满了对产品经理的恨。 然后,也要发出直击灵魂的质问:你是尊贵的付费大会员吗? 这不禁让人想起之前某音乐app的穷逼Vip,果然,穷逼在哪里都是...

立即提问
相关内容推荐