Questions tagged «drop-down-menu»

一个GUI元素，类似于组合框和列表框，允许用户从列表中选择一个值。下拉列表处于非活动状态时，它将显示一个值。激活后，它将显示（下拉）值列表，用户可以从中选择一个。

14
我可以使用jQuery打开下拉列表吗
对于HTML中的此下拉列表： <select id="countries"> <option value="1">Country</option> </select> 我想打开列表（与单击鼠标左键相同）。使用JavaScript（或更具体地说是jQuery）是否可能？
7
在CSS中将文本和选择框对齐到相同的宽度？
好的，这似乎不可能正确。我有一个文本框和一个选择框。我希望它们的宽度完全相同，以便它们在左边距和右边距上对齐。 <!DOCTYPE html> <html> <head> <style type="text/css"> input, select { width: 200px; } </style> </head> <body> <input type="text" value="ABC"><br> <select> <option>123</option> </select> </body> </html> 您会那样做，对吗？不。在Firefox中，选择框短6像素。查看截图。 好的，让我们编辑代码并制作两种样式。 <style type="text/css"> input { width: 200px; } select { width: 206px; } </style> 好的，行得通！ 哦，等等，在Chrome中进行更好的测试... 有人可以告诉我如何在所有浏览器中排列它们吗？我为什么不能只做宽度：全部为200px，为什么所有浏览器都以不同的方式显示宽度？同样，当我们使用它时，为什么文本框和选择框的高度不同？我们如何使它们达到相同的高度？尝试过的高度和线高没有用。 解： 好的，我从下面的答案中获得了一些帮助，找到了解决方案。关键是使用box-sizing：border-box属性，因此当您指定包含边框和填充。在这里查看出色的解释。然后，浏览器无法填充它。 代码在下面，还将框的高度设置为相同的大小，并在框内缩进了文本，使其对齐。您还需要设置边框，因为Chrome的边框看起来很古怪，它用于选择框，因此会导致对齐问题。这将适用于HTML5网站（例如，支持IE9，Firefox，Chrome，Safari，Opera等）。 <!DOCTYPE html> <html> <head> <style …
22
Bootstrap下拉菜单不起作用
我无法使Bootstrap下拉菜单正常工作。这是我的导航的html： <ul class='nav'> <li class='active'>Home</li> <li class='dropdown'> <a class="dropdown-toggle" data-toggle="dropdown" href='#'>Personal asset loans</a> <ul class="dropdown-menu" role="menu"> <li><a href="#">asds</a></li> <li class="divider"></li> </ul> </li> <li>Payday loans</li> <li>About</li> <li>Contact</li> </ul> 这是脚本： <script type="text/javascript" src="js/bootstrap/bootstrap-dropdown.js"></script> <script> $(document).ready(function(){ $('.dropdown-toggle').dropdown() }); </script> 我究竟做错了什么？感谢您的回答！
16
如何在flutter中实现下拉列表？
我有一个要在Flutter中实现为下拉列表的位置列表。我是该语言的新手。这是我所做的。 new DropdownButton( value: _selectedLocation, onChanged: (String newValue) { setState(() { _selectedLocation = newValue; }); }, items: _locations.map((String location) { return new DropdownMenuItem<String>( child: new Text(location), ); }).toList(), 这是我的物品清单： List<String> _locations = ['A', 'B', 'C', 'D']; 我收到以下错误。 Another exception was thrown: 'package:flutter/src/material/dropdown.dart': Failed assertion: line 468 pos 15: 'value == …
15
如何获取多选框的所有选定值？
我有一个<select>带有multiple属性的元素。如何使用JavaScript获取此元素的选定值？ 这是我正在尝试的： function loopSelected() { var txtSelectedValuesObj = document.getElementById('txtSelectedValues'); var selectedArray = new Array(); var selObj = document.getElementById('slct'); var i; var count = 0; for (i=0; i<selObj.options.length; i++) { if (selObj.options[i].selected) { selectedArray[count] = selObj.options[i].value; count++; } } txtSelectedValuesObj.value = selectedArray; }
9
单击时关闭Bootstrap下拉菜单
我将表单放在引导程序下拉列表中，但是当我单击表单中的任何字段时，下拉列表消失了。我有这段代码，但是我不知道在哪里放置它以防止下拉列表消失。 $(function test() { // Setup drop down menu $('.dropdown-toggle').dropdown(); // Fix input element click problem $('.dropdown input, .dropdown label').click(function(e) { e.stopPropagation(); }); }); 有人可以告诉我该放在哪里吗？我在bootstrap-dropdown中尝试过，在HTML中尝试过，但仍然无法正常工作。
10
在jQuery中启用/禁用下拉框
我是jQuery的新手，我想使用复选框启用和禁用下拉列表。这是我的html： <select id="dropdown" style="width:200px"> <option value="feedback" name="aft_qst">After Quest</option> <option value="feedback" name="aft_exm">After Exam</option> </select> <input type="checkbox" id="chkdwn2" value="feedback" /> 我需要执行什么jQuery代码？还在搜索良好的jQuery文档/研究材料。
13
Rails为国家选择下拉菜单？
我想知道是否可能已经有一些用于Rails的内置函数，以便它将在美国所有州创建一个选择下拉列表，这样我就不必手动输入它了。我在网上搜索，但找不到任何内容。关于如何执行操作的任何建议，我不必手动输入所有状态？
6
jQuery从下拉列表中删除选项，给定选项的文本/值
我有一个下拉列表，希望从该列表中删除一个选项，因为它带有特定选项的文本/值。可以使用jQuery吗？就像“添加”将选项添加到下拉列表一样，是否有删除选项的功能？ 我尝试搜索它，但是我得到的只是示例，其中删除了下拉列表中的整个选项集，这不是我想要的。 干杯
9
如何以编程方式添加下拉列表（<select>）？
我想创建一个函数，以便以编程方式在页面上添加一些元素。 可以说我想添加一个带有四个选项的下拉列表： &lt;select name="drop1" id="Select1"&gt; &lt;option value="volvo"&gt;Volvo&lt;/option&gt; &lt;option value="saab"&gt;Saab&lt;/option&gt; &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt; &lt;option value="audi"&gt;Audi&lt;/option&gt; &lt;/select&gt; 我怎样才能做到这一点？
11
DropDownList中的ListItems属性在回发时丢失了吗？
一位同事向我展示了这一点： 他在网页上有一个DropDownList和一个按钮。这是背后的代码： protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { ListItem item = new ListItem("1"); item.Attributes.Add("title", "A"); ListItem item2 = new ListItem("2"); item2.Attributes.Add("title", "B"); DropDownList1.Items.AddRange(new[] {item, item2}); string s = DropDownList1.Items[0].Attributes["title"]; } } protected void Button1_Click(object sender, EventArgs e) { DropDownList1.Visible = !DropDownList1.Visible; } 在页面加载时，将显示项目的工具提示，但在第一次回发时，属性将丢失。为什么会这样，并且有任何解决方法？
7
如何更改下拉列表的宽度？
我有一个列表框，我想减小其宽度。 这是我的代码： &lt;select name="wgtmsr" id="wgtmsr" style="width: 50px;"&gt; &lt;option value="kg"&gt;Kg&lt;/option&gt; &lt;option value="gm"&gt;Gm&lt;/option&gt; &lt;option value="pound"&gt;Pound&lt;/option&gt; &lt;option value="MetricTon"&gt;Metric ton&lt;/option&gt; &lt;option value="litre"&gt;Litre&lt;/option&gt; &lt;option value="ounce"&gt;Ounce&lt;/option&gt; &lt;/select&gt; 此代码在IE 6上有效，但在Mozilla Firefox（最新版本）中无效。有人可以告诉我如何减少widthFirefox上的下拉列表吗？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.