用户界面控件GUI元素,类似于列表框,允许用户从列表中选择一个值。当下拉列表处于非活动状态时,它会显示单个值。激活后,它会显示(下拉)一个值列表,用户可以从中选择一个值。
当我从一个媒体查询传递到另一个媒体查询时,我的垂直菜单会自动关闭。相反,我不会完全展示它
我正在实现一个汉堡菜单(代码中的菜单是本地文件,在代码片段中你不会看到它)并且它工作得很好。我正在使用 :checked 伪类和复选框输入元素来...
我有一个 Oracle 数据库。在我的数据库中,我有一个名为 DRIVER 的表。我在表中创建了 3 列:ID、CAR 和 PERSON。 我需要创建一个下拉菜单,我可以在其中选择...
请求的列表键“国家”无法解析为集合/数组/映射/枚举/迭代器类型。示例:人或人。{name}
我有一个需要使用 Struts 2 标签填充的下拉列表。 我有一个需要使用 Struts 2 <s:select> 标签填充的下拉列表。 <s:select label="Country" headerKey="-1" headerValue="Select Country" list="countries" listKey="key" listValue="label" name="searchForm.custCountry"/> 在我的操作类中,我有以下声明,后跟 getter 和 setter。 ArrayList<DropDown> countries = new ArrayList<DropDown>(); 我遇到了以下异常。 错在哪里? SEVERE: Servlet.service() for servlet jsp threw exception tag 'select', field 'list', name 'searchForm.custCountry': The requested list key 'countries' could not be resolved as a collection/array/map/enumeration/iterator type. Example: people or people.{name} - [unknown location] at org.apache.struts2.components.Component.fieldError(Component.java:240) at org.apache.struts2.components.Component.findValue(Component.java:333) at org.apache.struts2.components.ListUIBean.evaluateExtraParams(ListUIBean.java:80) at org.apache.struts2.components.Select.evaluateExtraParams(Select.java:105) at org.apache.struts2.components.UIBean.evaluateParams(UIBean.java:902) at org.apache.struts2.components.UIBean.end(UIBean.java:544) at org.apache.struts2.views.jsp.ComponentTagSupport.doEndTag(ComponentTagSupport.java:42) at org.apache.jsp.accountSearchDtls_jsp._jspx_meth_s_005fselect_005f0(accountSearchDtls_jsp.java:979) at org.apache.jsp.accountSearchDtls_jsp._jspx_meth_s_005fdiv_005f0(accountSearchDtls_jsp.java:935) at org.apache.jsp.accountSearchDtls_jsp._jspService(accountSearchDtls_jsp.java:521) at org.apache.jasper.runtime.HttpJspBase.service(HttpJspBase.java:70) at javax.servlet.http.HttpServlet.service(HttpServlet.java:723) at org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:388) at org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:313) at org.apache.jasper.servlet.JspServlet.service(JspServlet.java:260) at javax.servlet.http.HttpServlet.service(HttpServlet.java:723) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:290) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206) at org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter.doFilter(StrutsPrepareAndExecuteFilter.java:96) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:235) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206) at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:233) at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:191) at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:127) at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:103) at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:109) at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:293) at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:861) at org.apache.coyote.http11.Http11Protocol$Http11ConnectionHandler.process(Http11Protocol.java:606) at org.apache.tomcat.util.net.JIoEndpoint$Worker.run(JIoEndpoint.java:489) at java.lang.Thread.run(Thread.java:745) 这是我获取下拉列表数据的方法。我想这已经足够了,如果不让我知道的话。 public ArrayList<DropDown> getCountrydd() { ArrayList<DropDown> countrydd = new ArrayList<DropDown>(); try { OraConn conn = new OraConn(); conn.getConnection(); cstmt = conn.setProc("call mgm.getCountry(?)"); cstmt.registerOutParameter(1, OracleTypes.CURSOR); cstmt.execute(); rs = (OracleResultSet)cstmt.getObject(1); countrydd = rsToDropDown(rs); } catch (Exception e) { e.printStackTrace(); //log.error("***getDSdropdowns*** "); } finally { closeORAConnection(); } return countrydd; } 您需要更改代码来填充列表 public ArrayList<DropDown> getCountrydd() { List<DropDown> countrydd = new ArrayList<DropDown>(); OraConn oraConn = new OraConn(); Connection conn = null; CallableStatement cstmt = null; ResultSet rs = null; try { conn = oraConn.getConnection(); cstmt = conn.prepareCall("{call mgm.getCountry(?)}"); cstmt.registerOutParameter(1, OracleTypes.CURSOR); cstmt.executeUpdate(); rs = (ResultSet)cstmt.getObject(1); rsToDropDown(rs, countrydd); } catch (Exception e) { e.printStackTrace(); //log.error("***getDSdropdowns*** "); } finally { if (rs != null) rs.close(); if (cstmt!= null) cstmt.close(); if (conn != null) conn.close(); } return countrydd; } 我发现即使用户为空,我也会用国家/地区值填充组合框或下拉列表,因此,当我单击“创建新用户”按钮时,我得到了这些异常。现在我更改了代码,这就是现在的样子: public String getProfile() throws Exception { user_name =(String) sessionMap.get("userid") ; MgmService service = new MgmService(); userForm = new User(); userForm = service.getUsersProfile(user_name); if(searched_user_name!=null){ userForm = service.getUsersProfile(searched_user_name); countries= service.getCountrydd(); //This keep the content of the combobox by default on the list return "createEditUser"; } else if(userForm!=null) { return "success"; } else { addActionError("Invalid Login."); return "success"; } } 这是我之前的错误代码...... public String getProfile() throws Exception { user_name =(String) sessionMap.get("userid") ; MgmService service = new MgmService(); userForm = new User(); userForm = service.getUsersProfile(user_name); countries= service.getCountrydd(); //This keep the content of the combobox by default on the list if(searched_user_name!=null){ userForm = service.getUsersProfile(searched_user_name); return "createEditUser"; } else if(userForm!=null) { return "success"; } else { addActionError("Invalid Login."); return "success"; } }
强制 Bootstrap 下拉菜单始终显示在底部并允许其离开屏幕
当视口底部没有空间容纳下拉菜单时,它会显示在下拉按钮的顶部。是否可以改变这种行为并使下拉菜单始终出现在
我已经能够更改 select2 框的高度并应用一些更改,但我现在的问题是 select2 框中的文本出现在选择框的中心以及顶部......
我的模型中有一个枚举,如下所示: 枚举构造类型:{ rick_block: "砖/块", crete_slab: "混凝土/板", wood_steel:“轻型框架 W...
我想更改下拉箭头颜色和箭头模型。 从 stackoverflow 中的其他 post1、post2 中,我能够更改箭头颜色,但无法更改箭头设计。如何获得这个...
图像文件 - 价格计算器 你好。我是编码新手,开始为我的空调价格计算器编写代码。代码目前如下所示: var input1 = document.getEleme...
当下拉菜单上禁用右键单击功能时,如何选择该下拉选项的 XPath
我无法从下拉菜单中选择选项。下拉菜单中的右键单击功能被禁用,只要单击任何按钮,下拉菜单就会关闭。为了解决这个问题,我
Bootstrap 5 下拉菜单是使用创建的 Bootstrap 5 下拉菜单是使用 创建的 <div class="btn-group"> <button type="button" class="btn btn-danger dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> Action </button> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#"><u>A</u>ction</a></li> <li><a class="dropdown-item" href="#">A<u>n</u>other action</a></li> <li><a class="dropdown-item" href="#"><u>S</u>omething else here</a></li> <li><hr class="dropdown-divider"></li> <li><a class="dropdown-item" href="#">S<u>e</u>parated link</a></li> </ul> </div> 测试用例:https://jsfiddle.net/b6or2s5e/ 活动项目背景为浅灰色: 如何使背景变成蓝色或更暗,就像 Windows 桌面应用程序菜单中一样? 您希望它悬停时具有不同的颜色。您需要为此编写一个样式。所以你可以在这里给出你想要的颜色。下面的代码解释了如何更改元素的颜色。您可以选择要添加的颜色。 <style> .dropdown-item:hover { background-color: blue; } </style>
在 Bootstrap 5 菜单中,在第一项中按向上箭头键或在最后一项中按向下允许键不会执行任何操作。 如何制作箭头,如果在第一项中按下,则移动到菜单中的最后一项,而向下箭头则移动到...
我需要一个标准的下拉菜单来在鼠标移开时关闭。 我尝试了一些方法,但到目前为止,没有任何效果。 我需要一个标准的下拉菜单来在鼠标移开时关闭。 我尝试了一些方法,但到目前为止,没有任何效果。 <select> <option value="0" selected="selected" disabled="disabled">Options</option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> <option value="D">D</option> </select> 看来你不能用标准的<select>来做到这一点,至少在我尝试过的浏览器中是这样。 但是,您可以使用自定义选择来完成此操作。此片段包含 w3schools 代码的修改版本。 var x, i, j, l, ll, selElmnt, a, b, c; /* Look for any elements with the class "custom-select": */ x = document.getElementsByClassName("custom-select"); l = x.length; for (i = 0; i < l; i++) { selElmnt = x[i].getElementsByTagName("select")[0]; ll = selElmnt.length; /* For each element, create a new DIV that will act as the selected item: */ a = document.createElement("DIV"); a.setAttribute("class", "select-selected"); a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML; x[i].appendChild(a); /* For each element, create a new DIV that will contain the option list: */ b = document.createElement("DIV"); b.setAttribute("class", "select-items select-hide"); for (j = 1; j < ll; j++) { /* For each option in the original select element, create a new DIV that will act as an option item: */ c = document.createElement("DIV"); c.innerHTML = selElmnt.options[j].innerHTML; c.addEventListener("click", function(e) { /* When an item is clicked, update the original select box, and the selected item: */ var y, i, k, s, h, sl, yl; s = this.parentNode.parentNode.getElementsByTagName("select")[0]; sl = s.length; h = this.parentNode.previousSibling; for (i = 0; i < sl; i++) { if (s.options[i].innerHTML == this.innerHTML) { s.selectedIndex = i; h.innerHTML = this.innerHTML; y = this.parentNode.getElementsByClassName("same-as-selected"); yl = y.length; for (k = 0; k < yl; k++) { y[k].removeAttribute("class"); } this.setAttribute("class", "same-as-selected"); break; } } h.click(); }); b.appendChild(c); } x[i].appendChild(b); a.addEventListener("click", function(e) { /* When the select box is clicked, close any other select boxes, and open/close the current select box: */ e.stopPropagation(); closeAllSelect(this); this.nextSibling.classList.toggle("select-hide"); this.classList.toggle("select-arrow-active"); }); } function closeAllSelect(elmnt) { /* A function that will close all select boxes in the document, except the current select box: */ var x, y, i, xl, yl, arrNo = []; x = document.getElementsByClassName("select-items"); y = document.getElementsByClassName("select-selected"); xl = x.length; yl = y.length; for (i = 0; i < yl; i++) { if (elmnt == y[i]) { arrNo.push(i) } else { y[i].classList.remove("select-arrow-active"); } } for (i = 0; i < xl; i++) { if (arrNo.indexOf(i)) { x[i].classList.add("select-hide"); } } } /* If the user clicks anywhere outside the select box, then close all select boxes: */ document.addEventListener("click", closeAllSelect); document.querySelector('.select-items').addEventListener('mouseleave', closeAllSelect) /* The container must be positioned relative: */ .custom-select { position: relative; font-family: Arial; } .custom-select select { display: none; /*hide original SELECT element: */ } .select-selected { background-color: DodgerBlue; } /* Style the arrow inside the select element: */ .select-selected:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent; } /* Point the arrow upwards when the select box is open (active): */ .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; } /* style the items (options), including the selected item: */ .select-items div,.select-selected { color: #ffffff; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; } /* Style items (options): */ .select-items { position: absolute; background-color: DodgerBlue; top: 100%; left: 0; right: 0; z-index: 99; } /* Hide the items when the select box is closed: */ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } <div class="custom-select" style="width:200px;"> <select> <option value="0" selected="selected" disabled="disabled">Options</option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> <option value="D">D</option> </select> </div>
我创建了一个新菜单,它显示得很好,但问题出在选择上,它把我发送到不存在的页面或帖子,问题,我想,.....更改格式输出,我不这样做't...
我阅读了以下帖子,即 2023 年。如何根据行中另一个单元格的值自动设置下拉列表中的值 - 应用程序脚本 我已经根据我的表格修改了它,但是,它......
我在页面顶部的固定导航栏中使用 Bootstrap 的下拉菜单。 一切正常,但我遇到了下拉菜单项显示在其他页面元素后面而不是在...中的问题。
我在页面顶部的固定导航栏中使用 Twitter 引导下拉菜单。 一切正常,但我遇到了下拉菜单项显示在其他页面元素后面的问题,而不是......
我正在 vue 项目上尝试一个简单的下拉菜单。但是当我点击它时,下拉列表不会下降。我已将控制台放在函数内。该消息显示在控制台上,这意味着有趣......
我发现自己创建了一个选项菜单,我想在其中放置一个下拉列表。我正在使用最新版本的 bootstrap,但是列表不显示选项。我想用它...
material ui v 1.0.0 DropDownMenu
我的material-ui 1.0.0(测试版)版本有问题。没有下拉菜单。下拉菜单真的被完全删除了,还是只是有另一个名称?我在
不同右键单击窗口项目的相同工具条下拉项目WindowsForm C#
我在下拉列表中有 2 个右键单击窗口项目,它们具有相同的名称/功能项目。我怎样才能做到这一点? Win 表单似乎不允许我在不同的右键单击中拥有完全相同的项目...