使多选选定元素显示在文本框之外
，可以通过以下步骤实现：
- 使用HTML和CSS创建一个包含多选选项的下拉列表（select）元素，并设置其样式。
- 使用JavaScript监听下拉列表的选择事件（onchange），当选项发生变化时触发相应的函数。
- 在选择事件的处理函数中，获取选中的选项值（value）和文本（text）。
- 创建一个新的元素（例如div）来显示选中的选项文本，并设置其样式。
- 将新创建的元素插入到文本框之外的合适位置，可以使用DOM操作方法（如appendChild）将其添加到文档中的特定位置。
- 如果需要，可以使用其他CSS样式或JavaScript代码来调整新元素的位置和样式。
这样，当用户在下拉列表中选择一个或多个选项时，选中的选项文本会显示在文本框之外的指定位置。
腾讯云相关产品推荐：
- 云函数（Serverless）：提供无服务器计算服务，可用于处理选项选择事件的函数触发。
- 云数据库MySQL版：提供稳定可靠的关系型数据库服务，可用于存储和管理选项数据。
- 云存储COS：提供高可用、高可靠、弹性扩展的对象存储服务，可用于存储和管理相关资源文件。
更多腾讯云产品信息，请参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
现在我正在使用选择的jQuery插件()
多选选项正是我想要实现的，但我希望选中的元素出现在文本框之外，而不是内联其他元素。有什么快速的解决方案吗？或者我应该考虑自定义编码的尝试？
浏览 17提问于2017-08-24得票数 0
回答已采纳
2回答
是否可以在WPF文本框中选择文本的多个部分？例如，对于包含字符串THIS IS A TEST的文本框，我希望能够高亮显示THIS，然后按住Ctrl键并高亮显示TEST，而不取消选择THIS。如果默认情况下没有办法做到这一点，我想知道在WPF中是否有实现了这一点的第三方控件。
浏览 0提问于2010-05-13得票数 9
回答已采纳
问题是如何从Michael制造的多选择小部件中获取:selected。link) { }但是我将添加第二个具有相同数据的多选择块这意味着$('.ui-multiselect .selected li')将从两个小部件中获取:selected元素。这是错误的，我不知道如何修改上面的代码。例如，我有两个具有不同is的select块，如何使j
浏览 3提问于2012-01-23得票数 1
回答已采纳
我在我的vb6项目上有一个ListBox，并且我已经将它的属性设置为multiselect。现在，我想要获取多选ListBox上的所有选定项，并将其放入一个变量中，例如，或者放入多行文本框中。我只想得到多选的值。
浏览 0提问于2012-03-06得票数 5
回答已采纳
我在我的asp.net mvc视图上有kendo多选控件。实际上，它在之前的版本中工作正常，但升级到最新版本后，它在两个地方都可以看到(1.在文本框区域，2.在下拉列表中也突出显示)。我只是想看看是否有任何属性我可以处理它只显示<e
浏览 5提问于2015-04-09得票数 6
1回答
如何切换显示在此选择标记示例中的值.
如果我在列表中选择了CodeforHumans556，那么将出现的值是556，如果我选择了，那么在选中框中出现的值将是556。我该怎么做？
浏览 3提问于2013-08-24得票数 0
我试图在员工时间活动中启用多选择所有者，并想尝试基于下面的文章。
但是，在字段中添加ValidateValue = false之后：
我得到了这个错误。
谢谢。
浏览 2提问于2021-06-17得票数 0
回答已采纳
我试图使用来呈现一个“热”文本框：除了它不能工作之外，它不会将文本框呈现为热的TextBoxState.Selected不按选定的方式呈现
如何使TextBoxRenderer.DrawTextBox(..., Hot)呈现为Hot如何使TextBoxRender
浏览 1提问于2011-12-12得票数 7
我可以得到selectedindexes，但我希望多选列表框中每个选定显示成员的selected值都在一个用逗号分隔的文本框中。
浏览 3提问于2015-12-12得票数 0
3回答
我可以更改字体大小，但不能更改显示字体。但是，当我双击标签时，我可以看到标签的字体是什么样子的。有人能帮我吗？
浏览 3提问于2011-08-11得票数 1
回答已采纳
1回答
在jquery中获得多个选择
、、、、
我正试图在HTML中制作一个多选择列表框。如果用户的选择包含“其他”项，则将在列表框下面显示一个文本框。如何在jquery中以数组或列表的形式检索所有选定的项？
浏览 4提问于2016-08-01得票数 0
回答已采纳
我想隐藏除父树之外的所有tr。显示动态控件的代码如前所述，代码在for each循环中 <table> <input type="text" id="text1"> <table>
<&#x
浏览 1提问于2013-12-18得票数 1
我有一个存储在仓库中的工具的access数据库，这些工具是从仓库借到生产站点的。我有一个表，用来存储借入和归还数据到仓库的日期(ofc和其他数据，比如工人ID等)。当item在仓库之外时，表中的returning_date字段为空。因此，我创建了一个只显示returning_date字段为空的记录的查询，并创建了一个具有(多选)列表框的表单，该列表框显示来自查询的数据和一个日期格式的文本框。现在，我想要实现的是能够在列表框中选择多个记录，并使用
浏览 16提问于2017-12-30得票数 0
嗨，我使用yadcf与数据，这允许我做多选择列过滤，这让我高兴。现在，我希望将选定的值显示在筛选器中，作为标记显示到单独的搜索栏中。如何在多选择列筛选器中获取选定的值？谢谢。
浏览 2提问于2017-04-27得票数 1
回答已采纳
当我使用Kendo-ui多重选择，并且我有其他元素，比如在相同的视图中，我在多选择列表中所做的选择在我输入文本时消失。
谢谢你的帮助！
浏览 4提问于2014-04-06得票数 3
回答已采纳
我启用了多选功能。我想在列表视图中选择多个项，然后取相同表单上其他文本框中的值，并将这些值推入选定项的子项(列)中。列表视图在某种程度上对我来说是一种新事物。我有列表视图填充，没有问题。我可以将数据推送到单个选定的行，但我不知道如何获得所有选定的行索引，然后相应地推送到所有子项。我最终只得到了最后选择的行。
谢谢。
浏览 6提问于2018-04-04得票数 0
2回答
当我进入文本框时，我正在尝试更改css元素。我已经将css类应用到了我的文本框中，并且在我的文本框周围有几个div标签。这就是html的样子。('.box.left').removeClass("active"); });现在jquery开始工作了，它改变了类的焦点和模糊，但是它影响了所有的元素，“myTex
浏览 1提问于2010-06-04得票数 1
回答已采纳
1回答
类似于记事本的“查找”方法，您可以在其中找到某个单词，主表单将突出显示该单词，同时保持“查找”对话框的焦点。
浏览 2提问于2016-04-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
