如何根据可用选项的长度增加下拉列表的大小？
根据可用选项的长度增加下拉列表的大小可以通过以下几种方式实现：
- 动态设置下拉列表的高度：根据可用选项的数量，动态计算下拉列表的高度，使其能够容纳所有选项。可以通过JavaScript来实现，首先获取下拉列表的DOM元素，然后根据选项的数量计算出合适的高度，最后设置下拉列表的高度属性。
- 使用自定义滚动条：如果下拉列表的选项过多，导致下拉列表过长，可以考虑使用自定义滚动条来优化用户体验。可以使用CSS样式和JavaScript来实现自定义滚动条，将下拉列表的高度固定，然后在下拉列表的外部添加一个滚动条容器，通过设置容器的高度和样式来实现滚动效果。
- 分页加载选项：如果下拉列表的选项非常多，可以考虑使用分页加载的方式，每次只加载部分选项，当用户滚动到列表底部时再加载下一页选项。这样可以减少一次性加载大量选项所带来的性能问题，并且可以提高用户的交互体验。
- 使用搜索功能：如果下拉列表的选项非常多，可以考虑添加搜索功能，让用户可以根据关键字快速筛选出需要的选项。可以在下拉列表上方添加一个搜索框，用户输入关键字后，通过JavaScript实现筛选功能，只显示符合条件的选项。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整配置。
- 云数据库MySQL版（CDB）：提供高可用、可扩展的关系型数据库服务。
- 云函数（SCF）：无服务器计算服务，支持按需运行代码，无需管理服务器。
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于各种场景。
- 人工智能机器学习平台（AI Lab）：提供丰富的人工智能算法和模型，支持开发和训练自定义模型。
以上是腾讯云相关产品的简介，更详细的产品信息和介绍可以参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
我在bootstrap v4下拉列表中有一个select2。当下拉菜单被触发时，我将选项加载到select2中。
select2包含一些具有长名称的项目，如果打开select2，我希望显示完整的宽度，即使它比下拉列表更宽。
我在select2:opening和select2:open事件处理程序中尝试过select2({width: 'resolve'})和select2({width: '200%'})，但它们抛出了异常。如果我用宽度:200%初始化select2，如果没有打开它，它就太大了。
这个是可能的吗？有什么想法吗？谢谢。
浏览 5提问于2016-05-09得票数 0
5回答
从扩展停止下拉宽度
、、、、
我有两个动态下拉列表。在第二个下拉列表上显示的选项取决于在第一个下拉列表中选择了什么。第一个下拉菜单有两个选项。如果选择了第二个选项，则第二个下拉列表中出现的响应值是非常长的字符串(确切地说，是url)。有什么方法可以阻止下拉列表的宽度扩展吗？
以下是JSFiddle的结果：
<select id="kategorie_oder_seite"></select>
<select id="auswahl"></select>
var data = {
"Kategorie": ["Kr
浏览 4提问于2014-10-28得票数 0
回答已采纳
我有一个下拉列表，其中添加了一个选项。
var Option = "<option disabled=\"true\" selected=\"selected\" style=\"display: none;\">" + Choose the following + "</option>";
$dropdown.prepend(Option );
我的问题是如何检查该选项是否已经存在于下拉列表中，如果它不存在，则只将其添加到下拉列表中。我对Jquery相当陌生，请帮帮忙。
还可以将水印添加到
浏览 3提问于2013-10-15得票数 3
回答已采纳
我希望实现一个Tabs组件，其中包含用于桌面视图的大量(7-9) Tab组件。当可滚动选项卡超过Tabs上的视口宽度时，我不想使用它，而是希望额外的Tab项在More下拉菜单中，就像下面的docs示例显示的那样：
问题：
实现这一目标的目标是什么？实际上，我希望它们描述的功能完全相同，当我单击上面下拉列表中的一个项目(例如，书籍)时，它将与Tab直接交换位置到More下拉列表的左侧，如文档中的屏幕截图所示：
具体来说，是下拉列表中的组件，还是组件？
使用时，默认情况下如何从下拉列表中选择选项卡/选项？(示例:选中的选项卡会被移动到可见选项卡部分，就像屏幕截图
浏览 0提问于2018-01-31得票数 11
我已经创建了一个html文件，并用值/选项列表填充了下拉列表。我需要根据可用的选项增加下拉列表的长度。所选内容不应与下拉箭头重叠。如何才能做到这一点？附件中的快照描述了它现在是如何出现的。
浏览 3提问于2019-02-13得票数 0
1回答
任何人都知道在.Net中是否有可能实现以下内容，我已经评论了我认为每个元素做起来有多困难。
一家在线商店，允许用户在每个产品中动态添加产品( (difficult)These )，他们可以创建选项-下拉(相对容易)的，这些动态生成的下拉可以影响产品价格，这些下降可以影响其他动态生成的下拉，进而影响价格(V.困难)。
因此，假设管理员可以向商店添加一个小部件产品，在这个小部件产品中，他们可以指定一系列大小(下拉选项)。然后，他们可以添加一系列的颜色(另一个下拉)，然后他们添加了另一系列选项(另一个下拉)的各种材料，小部件可以做。
最终用户可能会从大小列表中选择“中等”，这会影响“颜色”内容的内容
浏览 2提问于2010-05-07得票数 0
1回答
如何禁用所选插件的下拉列表。我想在搜索上设置最少3个字符的限制...如果结果匹配，则显示下拉列表不像第一次单击所有结果显示，如您可以在图像链接上看到。
浏览 4提问于2015-06-27得票数 0
我在一个大小为100000的列表中使用了Collections.sort()，但得到了StackOverFlow错误。我该如何扩展它呢？代码如下：
这是一个大项目的一部分。Collections.sort()在列表上被迭代调用，如下所示:列表大小在每一步减小，该过程迭代，直到列表大小变为1。
public static Node buildTree(int d, List<kdtrees.DataPoint> list)
{
if(list.isEmpty())
{
return null;
}
else if(list.size(
浏览 0提问于2013-01-04得票数 2
回答已采纳
可能重复：
我使用VS2010，C#来开发ASP.NET web应用程序，有时我的下拉列表包含长的项目，这使我的组合体变得更大，有什么方法可以将大项目分解成2(或更多行)，这样我的组合体大小就固定了吗？
浏览 4提问于2012-03-19得票数 0
回答已采纳
最近，我将Visual 2013更新为更新2 RTM。现在，对于我的C#文件，导航栏为项目提供了一个新的下拉列表，而不是像以前那样只具有类型和成员。该项目下拉正在占用宝贵的屏幕房地产。
在导航栏中有隐藏项目下拉列表的方法吗？
有关导航栏外观的图片，请参见。
更新：我添加了一个C#文件导航栏的图片。
浏览 0提问于2014-05-14得票数 36
回答已采纳
6回答
我目前正在Oracle中创建一个小表，不确定为特定列选择哪种数据类型。
该列被标记为“stay”，我希望它只包含“Short”、“Medium”和“Long”这些值。最终目标是将这些值放在表单的下拉列表中。
这里我选择的数据类型是'char(6)‘，对吗？
那么，是否可以使用Oracle form builder将其转换为值列表呢？
谢谢您抽时间见我。
浏览 33提问于2009-02-16得票数 1
回答已采纳
在Shiny中使用selectizeInput时，我正在尝试增加下拉列表的长度。
我知道我可以设置options = list(maxOptions = n)显示的最大项目数，但是我如何定义最小选项数呢？
浏览 0提问于2014-09-15得票数 9
我想调整文本框的自动完成下拉框的宽度。我不想调整文本框的宽度，只想调整自动完成下拉框的宽度。我知道没有办法通过使用textbox提供的属性来增加Autocomplete下拉菜单的宽度。
因此，我想知道是否有任何方法可以获得自动完成框的句柄，然后在不改变文本框宽度的情况下增加下拉列表的宽度？
如果这是不可能的，那么我想用自动完成创建我的自定义文本框，在这种情况下，如何使用microsoft提供的现有自动完成功能？有没有办法做到这一点。有没有什么库可以用来解决这个问题？
浏览 4提问于2010-10-28得票数 4
回答已采纳
当IntegralHeight属性为true时，ComboBox的默认最大下拉高度是多少
当我使用默认样式在ComboBox中添加30个项目时(
IntegralHeight=True
和
DropDownHeight=106
)，组合框中不显示滚动条。但是当添加35个项目时，会显示滚动条。
那么ComboBox的默认最大下拉高度是多少呢
浏览 10提问于2013-04-26得票数 3
1回答
我有一个包含几个字段的段落包，它们中的一个是下拉列表.
我将如何通过代码，编程来填充这个下拉列表？
我真不知道从何说起这个..。
浏览 0提问于2017-12-19得票数 0
3回答
在我们的Silverlight页面中，我得到了具有不同值的组合框。选中后，有些值太长，无法放入折叠的组合框中。
我希望它是省略的(“系统使用...”最后有三个点)。
在下拉列表中可以看到值的全名，但当折叠时，我希望选择的值是省略号。这感觉很明显，因为下拉列表通常比折叠的控件提供更多的空间，但我仍然找不到一个明显的方法来做到这一点。
浏览 0提问于2012-02-10得票数 1
回答已采纳
1回答
我正在为CComboBox设置Owner Draw属性与HasStrings相结合，
但是，当有多个项目时，下拉列表不会显示Full。
我可以改变这个机制吗？
浏览 6提问于2021-07-29得票数 2
1回答
我所拥有的是数据库中可用房间的下拉列表。就像教室1，后面是它的最大容量，就像这样，教室1(28)，教室2(30)，以此类推。此下拉列表上方是一个文本框，用于输入注册学生的数量，以便您可以键入任何数字。
我的问题是，如何消除与文本框中键入的数字不匹配的教室。例如，我键入30，当我单击下拉列表时，教室1(28)不再存在，而是列出了教室2(30)。
浏览 0提问于2011-01-12得票数 1
基本上我有两个下拉列表。基于在一个下拉列表中选择的值，我希望在另一个下拉列表中显示某些选项。
我尝试将className参数与标签和值参数一起添加到选项对象中，并尝试将具有上述className的所有选项的显示设置为none，但它没有将选项的className设置为我指定的值。
[{'label':'x','value':'y',className:'hide'}]
.hide{
display:none
}
浏览 5提问于2018-11-30得票数 4
我们已经为我们的客户建立了一个市场，我们的数据库中有数十万家公司，他们将添加他们的产品与许多文件(图像，视频等)。个人用户也可以发送照片。
我们使用centos +whm (nginx+cassandra+mysql+redis+nodejs+php+java)作为项目的不同部分，根据它们的不同内容。
对于主要软件，我们使用mysql和cassandra作为数据库服务器，在php7代码和数据库服务器(已经扩展).nodejs+redis+cassandra(用于聊天)之间有restful java webservices。
我们在缩放信息方面没有问题，但现在我们必须决定如何缩放对象。我们工作的
浏览 1提问于2017-04-14得票数 0
我遇到一个页面刷新下拉列表需要很长时间的问题。基本上，在更改表单中的一个下拉值时，第二个下拉值的潜在选项将更改为不同的列表。
我怎么才能加快速度呢？我已经出于其他原因在使用REDIS了，如果这能有所帮助的话。
谢谢!
浏览 0提问于2012-05-23得票数 3
回答已采纳
3回答
我有一个下拉列表，它是在更改其他复选框时填充的，因此在加载时，下拉列表是空的(其中只有一个选项"Select“)。
<select id="A" aria-invalid="false">
<option disabled="" value="0">Select</option>
</select>
在选中复选框时，该值将被添加到下拉列表中，如果不选中复选框值，则将从下拉列表中删除该值。
我已经为此写了一个逻辑。我正在寻找的是如何检查是否下拉是否有任何选项添加到它。即
浏览 10提问于2015-09-29得票数 1
回答已采纳
我需要在我的硬盘驱动器"c:“上显示有序的文件列表。我们应该按大小订购文件。当我这么做的时候，我就有麻烦了。每个目录都是分组的。例如，我的硬盘上有两个目录: 1-st- "55“，它有一些文件。第二-“66”和那个目录也有一些文件和3个文件。当我试图显示下一个文件的有序列表时:首先从硬盘"\c“中释放所有3个文件，然后显示目录"55”中的文件，然后在旁边显示目录"66“中的文件。如何显示所有文件，并按大小排序，而不按目录对其进行浏览。我使用命令dir /a-d /s /o-s /b。
浏览 3提问于2022-10-13得票数 -1
1回答
我有一个下拉框(分区)和一个"listbox_source“(村庄)。我从sql服务器为下拉列表和列表框准备值，而listbox的值取决于下拉、动态。
然后，我有另一个"listbox_destination“，用于从"listbox_source”中移出选定的村庄。我已经完成了将值从listbox_source迁移到listbox_destination.的工作
但是，还有一些问题，
我如何知道listbox_destination仍然是空的还是有值的？
当第二次选择分区下拉列表并具有相同值时，我如何知道listbox_destination中是否没有双重值？
浏览 4提问于2017-10-29得票数 0
如何在C#中设置下拉列表控件的高度？
我试过了，但没用：
cbo.Attributes.Add("style", "height: 50%");
而且，我怎样才能确保下拉列表总是被删除而不是上升？
我终于明白了..。
cbo.Height = new Unit("250px");
我可以用上面的代码设置下拉列表的高度。
浏览 6提问于2011-07-12得票数 5
回答已采纳
4回答
我正在使用select标签在HTML中创建一个下拉列表。我无法增加选择列表中选项之间的间隔。下面是我的代码。如何增加选项之间的差距？
<style type="text/css">
#height {
width: 200px;
}
#height option {
width: 500px;
height:200px !important;
}
</style>
<select id="height">
浏览 1提问于2015-07-02得票数 0
在下面的示例中，div具有预定义的高度：300px。例如，可滚动下拉菜单的最后一个城市是Zimbawe，不会显示在iPhone 6屏幕上。
我想以这样的方式更改可滚动的dropdown div，使其不指定高度，并使div在屏幕结束的地方结束。
有什么想法吗？
我们用于下拉列表的库是：
你可以在这里看到下拉列表的默认高度非动态：
浏览 10提问于2018-11-26得票数 4
1回答
我有一个Magento网店，并希望有一个产品，是可配置的产品大小的属性值无限。我有一块面料，可以订购每毫米。所以有人可以订购50毫米，也可以订购500毫米，真的没有限制。我如何在Magento中实现这一点？我不认为在可配置产品的下拉列表中添加数千个选项作为属性值是个好主意？
浏览 0提问于2012-10-02得票数 1
我必须从这个网页上抓取数据：网页是用亚美尼亚语写的。这是一个下拉菜单，其中的选项包括:区域、区域、社区、补贴类型、月份和年份。一旦选择了这些选项，就会出现一个表格，其中显示了这些地方获得不同类型补贴的公民的信息。我现在面临的困难是，第二个下拉列表(区域)取决于您在第一个下拉列表中选择的选项，第三个(社区)取决于您在之前的下拉列表中选择的内容。我应该如何为这种类型的网页编写代码？
这就是您检查网页时的外观
<!--Մարզեր-->
<div class="td-pb-row">
<div cl
浏览 13提问于2019-11-14得票数 0
回答已采纳
3回答
在我的选择框选项中，每个选项都有三个words.Now，我希望对该选项的每个单词应用固定宽度，以便所有选项都按照我的要求提供。例如，我的选项如下所示：
1, aaaaa bbbbb ccccccccc
2, aaaaaaaa bbbbbbb cccc
3, aaaaaa bbbbb cccc
但是我想在下拉列表中将这些选项显示为
1, aaaaa bbbbb ccccccccc
2, aaaaaaaa bbbbbbb cccc
3, aaaaaa bbbbb cccc
如果有人知道怎么做，请帮帮我
浏览 0提问于2013-03-15得票数 2
我在下拉列表中显示了一个数组字符串。我希望根据下拉列表的filter字段中输入的值进行筛选。问题是，我不知道需要向下拉列表的filterBy属性输入什么。我知道，在类的情况下，我们可以输入类的属性，但是字符串呢？如何根据字符串值本身进行筛选？
<p-dropdown [options]="example_array_of_strings" [(ngModel)]="selected_string" [filter]="true" filterBy=""</p-dropdown>
我尝试通过在toString()属
浏览 1提问于2022-09-29得票数 0
回答已采纳
5回答
我使用jsonresult列出一个国家下的所有城市。我从数据库中检索数据，并使用jquery将其加载到下拉列表中。问题是，如果城市超过3000，那么then结果就不起作用了。
<script type="text/javascript">
$(document).ready(function () {
//Hook onto the MakeID list's onchange event
$("#Country").change(function () {
//build the reque
浏览 0提问于2010-05-26得票数 0
回答已采纳
我正在使用提前输入的。
目前，为了触发下拉部分，我不得不在搜索字段中键入搜索筛选器。
当我点击搜索字段时，我想显示可用选项的下拉列表(或者集中在它上)。
$('#city_list').typeahead({
order: "desc",
highlight: false,
cache:true,
source: {
data: allCities
},
callback: {
onClick: function (node, a, obj, e) {
浏览 1提问于2015-03-11得票数 0
1回答
嘿，我要制作一个表单，其中应该包含4个下拉列表...在下拉列表中，我指的是在html/php中选择-我正在思考的内容的“预览”，在底部有一个链接，这样你就可以更好地理解我在说什么。
我一直在寻找一些，我在一个教程中找到了这个代码，它正在工作，所有这些，但我想有4个下拉列表，而不是只有2个。我见过一些没有querystring的，但这个代码是用querystring编写的，我不是php最好的，但我理解很多，这不是问题，但问题是，我想摆脱querystring，再得到2个下拉列表，但我不知道怎么做。
多获取两个dropdownlist并不是问题，而是让另外两个dropdownlist像底部的链接一
浏览 1提问于2014-12-24得票数 1
我使用Knockout动态创建了X个下拉列表，现在我想预选每个下拉列表中的一个选项。巧合的是，我有一个可观察的数组，它的X项对应于我想要选择的选项。如何使用这个数组选择我的选项？
示例视图模型：
function AppViewModel() {
var self = this;
self.array = ko.observable(["Dog","Cat"]);
}
在这个例子中，我有两个下拉列表，它们都有一个"Dog“和"Cat”选项。我想选择“狗”作为第一个下拉列表和“猫”作为第二个。
这是我的HTML：
<div d
浏览 0提问于2014-06-25得票数 3
回答已采纳
我有一个html选择下拉列表与5个选项(汽车制造商列表)，在这里用户点击一个选项和onchangeHandler将获得选定的值。根据选定的值，将向用户显示另一个下拉列表(汽车型号列表)。它工作得很好。 但是，如果我在汽车制造商的列表中只有一个选项，我需要在carManufacturer下拉列表中将其显示为预先选择(我可以)，并自动显示其相应的carModels下拉列表，这是我无法做到的。 下面是在选择特定carManufacturer时打开carModels下拉菜单的代码 public carMfgSelected(event: any) {
const carMfg = event.
浏览 10提问于2018-12-20得票数 0
2回答
因此，当您在SSMS中输入SQL查询时，通常会出现一个小下拉列表，其中会提供一些建议，如表、列、内置函数等。
有没有办法更改选项，使其只显示列？
浏览 3提问于2018-10-04得票数 0
2回答
当前，我有一个场景，必须在滚动条scrollevent上加载记录。我有一个空下拉列表，在第一次加载时，我会追加前20条记录，这些记录是从服务器检索的。在下拉卷轴上，我将从服务器获得下20条记录，并附加到下拉列表中。我将在滚动条事件上重复这个过程，并将接下来的20条和接下来的20条记录添加到下拉列表中。
下面是我的代码/算法。
我的问题是:我们是否可以选择一次加载所有记录，而不是从服务器加载20个记录？
缺点:我的数据一次只返回20条记录。它的页面大小设置为20。我没有对odata更新的控制。我必须循环这个场景，每次得到20乘20，在页面加载时，它应该是所有的总和。
var nextCities
浏览 3提问于2014-02-27得票数 0
回答已采纳
2回答
我使用的是一个宽度为100px的下拉列表。但下拉列表中的内容不止于此--它对用户是不可见的，所以我选择标题(html中的ToolTip)。它在IE 6中不起作用。
另一种方法是什么..mouseover事件在中也不起作用。请帮助并澄清错误
<select>
<option>-</option>
<option title="Alpha">a</option>
<option title="Beta">b</option>
<option
浏览 0提问于2009-05-26得票数 1
1回答
我在我的解决方案中增加了一个新项目。我已经在x64解决方案中设置了所有其他项目的目标平台。对于新项目，当我打开Configuration时，下拉列表中没有x64选项，而我的其他类似项目都有此选项。我的选择是Any CPU、<New...>和<Edit...>。如何将平台设置为x64？
浏览 0提问于2015-06-03得票数 3
回答已采纳
1回答
我正在使用类型记录在柏树中创建测试，我不知道如何断言下拉列表中的所有选项都是唯一的--我发现错误的地方是值多次重复的情况--这是搜索结果的下降。我不知道如何检查这个下拉列表中的每个值是否是唯一的。你能帮我或指导如何以最简单和最好的方式来做吗？
浏览 0提问于2020-09-08得票数 0
回答已采纳
这是我的控制器代码
@users = User.all
在视图中，我有一个下拉列表，我可以从中选择一个用户。我想在提交之前显示该用户的详细信息。为此，我需要该用户的详细信息。我不想再去数据库了。那么如何在@users对象中搜索该用户的详细信息呢？在已经加载的对象中搜索还是发送对该记录的ajax请求更快更有效？
浏览 0提问于2017-12-02得票数 0
我有下拉列表
<select id="ddlProjects">
<option value="315">resproject</option>
<option value="320" style-"display:inline">newheavn</option>
<option value="395" style="display:inline">cealon sales</option>
浏览 3提问于2014-06-23得票数 1
回答已采纳
2回答
我有一个包含两个字段的模型：Name和Token。在我的应用程序中，用户将从所有记录的Name字段填充的下拉列表中选择一条记录。发生这种情况时，我需要将记录的相应Token值赋给服务器脚本中的一个变量，但不确定如何完成此操作。
浏览 0提问于2018-03-29得票数 0
我已经创建了Outlook Web外接程序项目，并尝试通过以下链接创建下拉菜单
https://github.com/officedev/outlook-add-in-command-demo
似乎下拉菜单只接受静态列表。我想做的是我有网络服务，这是返回一些目的地和该目的地的链接。我想在下拉列表中显示所有这些目的地的列表，通过单击其中一个，它将打开进入任务窗格的链接。有什么建议吗？如何在下拉菜单中显示webservice。
浏览 18提问于2017-07-04得票数 0
回答已采纳
如何创建一个农业功能，以添加更多的选项到下拉-例如：“AddItemToDropdown”。
问题:在添加选项之前，如何检查该字段在下拉列表中已经可用
现在，我在添加之前移除字段，任何检查方法都存在于下拉列表中
$(sourceDropdownId+' option[value=' + key + ']').remove();
<select id="Names">
<option>mike1</option>
<option>mike2</option>
浏览 2提问于2015-08-13得票数 1
回答已采纳
我知道添加一项作为第一项，我使用：
ddlTest.Items.Insert(0, new ListItem("---New First Item---", "-1"));
我尝试了-1作为索引，但后来我甚至没有看到这个项目。如何添加项作为列表中的最后一项，而不知道其索引号(因为下拉列表是从数据库中填充的)？
浏览 8提问于2014-06-05得票数 4
回答已采纳
我必须捕获动态依赖的下拉值。
例如。我想利用loadrunner在第一个下拉列表中根据选定的状态捕获第二个下拉列表中的区域
浏览 1提问于2016-11-02得票数 0
如何在jquery中设计具有公共菜单的多个下拉列表，以便当要求用户使用三个下拉列表选择三个首选项时，当前下拉列表应该只包含公共菜单中先前未选择的那些选项
示例：
[drop down list 1].................[drop down list 2]............[drop down list 3]
agra:selected......................delhi............................... mathura
delhi.....................
浏览 1提问于2012-07-23得票数 0
回答已采纳
我刚在演示页面上试了一下：
我过滤了数据:专业:数学微积分: 100
在那之后，只剩下三张记录，都是男学生。但是我仍然可以从下拉列表中选择女性来过滤性。
在设置其他过滤器之后，如何更新下拉列表？
浏览 4提问于2015-09-16得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
