如何在Bootstrap-select的另一个多值下拉菜单中添加选定项
在Bootstrap-select的另一个多值下拉菜单中添加选定项，可以通过以下步骤实现：
- 首先，确保你已经引入了Bootstrap-select的相关文件，包括CSS和JavaScript文件。
- 在HTML文件中，创建一个下拉菜单的容器，并为其添加一个唯一的ID，例如：
<div id="multiSelectDropdown" class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
选择选项
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<!-- 在这里添加选项 -->
</ul>
</div>- 在JavaScript代码中，使用Bootstrap-select的API方法来添加选项。首先，获取到下拉菜单的容器元素，然后使用
append()方法添加选项。例如：
var dropdown = $('#multiSelectDropdown ul.dropdown-menu');
dropdown.append('<li><a href="#" data-value="option1">选项1</a></li>');
dropdown.append('<li><a href="#" data-value="option2">选项2</a></li>');
dropdown.append('<li><a href="#" data-value="option3">选项3</a></li>');在上述代码中，我们通过append()方法向下拉菜单中添加了三个选项，每个选项都使用<li>和<a>标签包裹，并设置了data-value属性来存储选项的值。
- 最后，初始化Bootstrap-select插件，使其能够正确地渲染下拉菜单。使用以下代码初始化插件：
$('#multiSelectDropdown button.dropdown-toggle').dropdown();这样，你就成功地在Bootstrap-select的另一个多值下拉菜单中添加了选定项。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
相关·内容
4回答
在引导中显示标题-选择没有空元素
、、、、
在中，如何防止标题中显示第一个选定的项。或者，如何将空的第一项隐藏在下拉选项列表中？
在<select>中，默认情况下，<option>元素将自动选择第一个<option>元素。通常的方法是创建一个空白的第一行，但是在引导选择显示的下拉菜单中，这看起来很奇怪。
以下是我的两个选择：
<select class="selectpicker" title="Pick One">
<option>Mustard</option>
<option>Ketchup</opti
浏览 4提问于2014-12-31得票数 9
回答已采纳
6回答
我已经安装了引导程序-select，除了在两个实例中出现蓝色边框外，所有这些都很好：
1)在下拉菜单中
2)当选择新值时
有人能帮我解决这个问题吗？我已经调整了一些东西。
.bootstrap-select .btn {
height: 43px;
color: rgba(0, 0, 0, 0.5);
background-color: white;
border-radius: 3px;
}
.bootstrap-select .btn:focus {
outline: none !important;
outline: 5px auto -web
浏览 5提问于2014-08-17得票数 1
回答已采纳
1回答
使用bootstrap-select和复选标记来处理多选下拉菜单简直要了我的命，但我想要某种形式的指示，表明它已被选中。
浏览 5提问于2021-03-20得票数 0
使用Bootstrap-select创建group by multi下拉菜单并启用搜索，但出现以下错误:类型IInstance上不存在属性‘选择器’
环境: Typescript 2.2 angular 2.0 Jquery 2.2.4 Jquery-ts 2.1.1
浏览 2提问于2017-04-24得票数 2
不确定我在这里遗漏了什么，可能是一些愚蠢的东西，但是我找不到任何关于的东西，让我们来看看如何在Aurelia视图中使用bootstrap-select控件。有没有人能给我指一找合适的文章？PS:我不希望创建另一个自定义控件的bootstrap-select，但使用它作为。请求您的帮助。
浏览 0提问于2016-01-25得票数 3
我尝试使用 +引导+引导-选择。我已经成功地将select下拉菜单更改为bootstrap-select，但是没有触发click事件。
import React, { useEffect, useRef, createRef,forwardRef } from 'react';
import { Modal, ModalHeader, ModalBody, ModalFooter, Col, Row, Button, Form, FormGroup, Label, Input } from 'reactstrap';
import $ from 'jqu
浏览 2提问于2020-06-13得票数 0
我试图从一个淹没列表中选择多个项目，我正在使用引导，但我的问题是:我只能获得第一个选定的项目，不能得到其他选定的项目。
我的代码(样式和脚本)：
<link rel="stylesheet" href="Content/bootstrap.min.css" /> <!-- Bootstrap v4.4.1 -->
<link rel="stylesheet" href="Content/bootstrap-select.css" /> <!-- Bootstrap-select v1.
浏览 2提问于2020-01-29得票数 0
回答已采纳
我想在Blazor Server应用程序中使用Bootstrap-select，我做了从Bootstrap-select网站(https://developer.snapappointments.com/bootstrap-select/)到我的blazor服务器应用程序的所有步骤，还从NuGet包管理器安装bootstrap-select包，但选择元素没有效果。是否可以在blazor应用程序中使用Bootstrap-select。如果有人能帮上忙，我将非常感谢。 ? ? 它是我的剃刀组件： @page "/"
<select class="sel
浏览 85提问于2020-07-08得票数 0
回答已采纳
我使用的是具有全选和取消全选按钮的bootstrap-select版本。当多选下拉菜单打开时，我需要能够切换到这些按钮。我试着将这段代码添加到我的js文件中，我做错了什么？ let bootstrapSelect = document.getElementsByClassName(bootstrap-select);
let bsSelectAll = document.getElementsByClassName(bs-select-all);
$(bootstrapSelect).on('click', function () {
if((this).hasClas
浏览 44提问于2021-11-18得票数 0
1回答
如何将焦点放在引导下拉菜单上
从下拉菜单中选择该选项后，需要删除焦点(需要删除蓝色边框，也需要删除下拉菜单上的焦点)。
当我在Mac机器上使用command按钮时，下拉列表就会打开。
我试过以下几点
<select class="list selectpicker" id="listing">
<option value="" selected="selected">All months</option>
<option value="7125">Aug</op
浏览 0提问于2014-12-18得票数 0
1回答
我在一个表响应表的td中有一个bootstrap-select。如果我点击select-picker，下拉菜单不是完全可见的(可见性受表边距限制)。如果我添加data-container="body“(或者在data-container中添加另一个元素，作为官方指导原则)，页面会自动转到顶部，每次我必须向上滚动到表格时(下拉菜单正确打开并可见)。
<div class="table-responsive">
<table class="table" id="table">
<th
浏览 20提问于2020-02-04得票数 1
回答已采纳
1回答
我正在Visual 2008中创建一个SSRS报告，我想知道是否有一个也允许用户输入的下拉参数。我做了很多研究，没有发现任何关于这个问题的东西。
我有一个通过查询填充的多值下拉参数。我希望我的用户能够输入一个新的值，并将其与已经在下拉菜单中填充的其他值一起使用。
欢迎任何帮助和/或建议！
浏览 0提问于2014-02-26得票数 0
回答已采纳
我有一个多选择下拉列表和一个文本框。用户可以从列表中选择或取消选择任何元素。我希望从列表中添加所有选定的项，并在文本框中显示总价值，当从列表中取消选择某项时，应从列表中减去该值。但是，当用户取消选择一个项时，我不知道如何从totalPrice中减去该值。
<input id="txtPrice" type="text" value="" class="form-control" />
<select id="DDLSkills" multiple name="selValue"
浏览 0提问于2018-01-21得票数 0
回答已采纳
我正在尝试使用从Bootstrap-Select中选择选择器来创建一个多选下拉菜单。下面是我的HTML文件中的内容：
<select class="selectpicker" multiple>
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
但这是我在我的web应用上得到的：
我不能点击下拉菜单，它被禁用了。如何启用此菜单？
浏览 291提问于2019-07-09得票数 0
回答已采纳
我是新来的颤音，我试图得到从另一个类下拉菜单选定的项目。我要把数据设置为消防局的状态。如何从其他类中到达选定的项？我是新来的颤音，我试图得到从另一个类下拉菜单选定的项目。我要把数据设置为消防局的状态。如何从其他类中到达选定的项？
这是我的密码。
dropdown_menu.dart
const List<String> list = <String>[
'item1',
'item2'
];
class DropdownButtonExample extends StatefulWidget {
const Dropdown
浏览 1提问于2022-10-12得票数 0
回答已采纳
我已经索引了solr，其中一个字段是多值的，其中有不同的值，我希望将选定的值复制到新字段中。
Field1的值为a、b、c，并且希望复制到Field2中，但只值a和c。
数据来自solr的另一个实例，使用dataimport processor="SolrEntityProcessor“。
Am使用solr 4.9
浏览 7提问于2016-11-23得票数 0
我有一个下拉列表：<asp:DropDownList id="dropdownid" runat="server" class=blah"/>
在我的jQuery中，我像这样分配了更改事件：
$('#dropdownid').change(function() {......});
现在，当我从下拉列表中选择不同的值时，这是有效的，但是假设我想再次选择相同的值。(因为我想使用相同的值进行另一个调用)，因此，当我再次选择它时(不更改值)，只需单击下拉菜单中的选定值并再次“选择”它，就不会触发任何事件。在jquery中有没有另一个
浏览 1提问于2009-05-22得票数 34
回答已采纳
我试图添加一个浮动标签在引导选择器上只有css。因此，在我的代码中，我希望使用bootstrap-select:focus浮动标签。但问题是这一行在css中不起作用。但是如果我使用bootstrap-select:active，当我按住鼠标的时候，这似乎是可行的。
我尝试了浮动标签和普通选择框应用form-control，在普通选择框中一切正常，但我希望我的选择框更实用和美观，所以我尝试使用选择器。在form-control中，我使用:focus & :valid来获取选择框状态，并应用了浮动标签。
这是用.bootstrap-select:active编写的代码，只需单击鼠标即可。
浏览 28提问于2019-03-28得票数 3
回答已采纳
7回答
我想知道你们中是否有人准备好了我要的东西，把我从麻烦中解救出来。我正在寻找的是一个下拉菜单，有下拉类自动添加根据它在屏幕上的位置-也自动改变时，用户滚动或调整窗口大小。
我正在寻找的东西已经在bootstrap-select插件中实现了，但是这个插件太‘笨重’而无法使用。
浏览 9提问于2014-01-20得票数 25
每当另一个选择小部件的值发生变化时，我都会用选项填充一个dijit选择小部件。
在我的应用程序中，有一个“公交车路线”的下拉菜单和一个“公交站”的下拉菜单。用户分配的公交路线和站点应该是可更新的。
因此，当页面第一次加载时，路由下拉框具有所有可用路由，并且当前分配给您的路由是选定的值。停止菜单加载了与该路线关联的所有停靠点，但没有选择值，因此，默认情况下，它是第一个选项。
每当用户更改当前选择的路线时，停止菜单都会相应地更改，并填充与该路线关联的所有停靠点。
我的问题是，使用dojo，我如何在停止菜单中设置“选定”选项？
我希望明确当前分配给该用户的停靠点，而不是路线中的第一个选项是“选定的”
浏览 1提问于2011-10-24得票数 8
我正在使用API查询
获取{organization}/{project}/_apis/wit/workitemtypes/{type}/fields/{field}?api-version=5.1
非常成功地为我的字段获得了所有允许的值。问题是，我的下拉菜单之一的选项是根据另一个下拉菜单的选定值填充的。是否可以将一个值传递给这个GET查询，然后检索这个动态填充菜单的所有allowedValues？
浏览 2提问于2020-06-19得票数 0
回答已采纳
1回答
基于this threat，我设法(特别感谢Tami)创建了一个包含可变年份数字的下拉菜单。现在，我想使用该下拉菜单的选定值作为另一个输入字段的占位符(部分)。 我试过了，但没有成功： [number* ba-maanden min:1 max:12 placeholder "cf7_get_input="recent-years""] 有谁知道如何完成这项工作吗？ 谢谢，瓦斯科
浏览 14提问于2020-12-28得票数 0
回答已采纳
我有这样的情况：
我无法获取引导选择的选定值-使用multiple=true我只能获取第一个项目？所以，当我第一次选择Mustard时，我得到了"Mustard“的警告，但当我在那个番茄酱之后选择时，我仍然得到了"Mustard"？
如何获取上次选中或取消选中的项的值？
$(function() {
$('.selectpicker').on('change', function(){
var selected = $(this).find("option:selected").val();
al
浏览 1提问于2015-10-07得票数 2
回答已采纳
2回答
我创建了如下所示的对象：
export default {
data() {
return {
language: {
"en": {
welcomeMsg: "Welcome to New York City"
},
"de": {
welcomeMsg: "Wilkommen New York Stadt"
浏览 7提问于2022-01-17得票数 0
我在GWT应用程序中遇到了选择下拉菜单的问题，我认为这是因为bootstrap class="bootstrap-select form-control bs- select -hidden“的以下设置
有人能让它工作吗?？即使该字段显示在页面上，Selenium driver也会认为它没有显示。
使用Cucumber/Selenium/Java
浏览 1提问于2016-04-01得票数 0
我使用的是纸下拉菜单，目前在纸下拉菜单中有一个自动选择。我需要一种方法，只有当用户作出选择，而不是当选定的项目在嵌入式纸列表箱更改时，才会有这种情况。这是可能的，还是有一种方法来区分事件？
文件下拉菜单是动态创建的，因此我不能将静态变量绑定到它并使用观察者。
任何帮助都将不胜感激。
谢谢
浏览 0提问于2017-08-03得票数 0
是否有可能使Bootstrap Select Dropdown menu表现得像一个Tab列表？基本上，我希望根据用户从Select值中选择的内容来更改<option>中的内容。我看到了bootstrap-select插件，它基本上给了我70%的问题解决方案，但它不是tab list --它只是一个下拉菜单“在”select元素中。是否可以更改此bootstrap-select的功能，使其像选项卡面板或选项卡列表一样？
以下是我想要做的事情：
代码
<select class="selectpicker">
<opti
浏览 14提问于2022-03-07得票数 0
回答已采纳
1回答
我们希望在单击下拉菜单时显示下拉项目。并且需要在Textbox中设置选定项的文本，我们使用onchange事件完成了它。但是，我们不希望在下拉列表本身中显示选定的下拉文本。我们使用文本框前面的下拉反三角形选项来执行必要的逻辑。是否可以隐藏下拉选定的文本？
浏览 1提问于2016-03-02得票数 1
我们有一个Bootstrap 3下拉菜单(标准组件)，并且我们希望以编程方式更改所选项目。我们尝试修改数据选定的属性，但更改不会反映在UI中。
是否有以编程方式修改Bootstrap下拉菜单中所选项目的标准方法？
浏览 2提问于2015-04-14得票数 4
1回答
我的SSRS报告正在慢慢取得进展。我添加了几个参数，每个参数都能很好地根据选定的值过滤数据(两者都允许多个值)。现在，我希望有一个参数被选中，值更改或过滤第二个参数中的可用值。我将包括一些图片，希望能说明我试图做什么和用什么。
因此，我希望根据第一个下拉列表中选定的类别填充SubCategories的第二个参数下拉列表。
问题是我不知道如何做，这样我就不会得到“运行报告所需的一个或多个参数没有被指定的错误”。
我试图通过SubCategory数据集中的以下查询中的WHERE子句在dataset查询中添加一个参数，从而获得了上述错误
SELECT * FR
浏览 1提问于2017-02-16得票数 1
回答已采纳
我试图添加一个弹出到一个引导选择选择器，但结果是挑剔的。我怎样才能可靠地做到这一点？
谢谢。
代码
我有一个代码的。以下是有关节选：
Html
<body>
<input class="" type="text" id="text" />
<select id="select">
<option>option1</option>
<option>option1</option>
</select>
<
浏览 4提问于2016-02-02得票数 0
回答已采纳
3回答
基本上我有一个下拉菜单：
<select id='getbusornew' style="font-size:14px;" >
<option value='News'>
BBC News
</option>
<option value='Business' >
Business News
</option>
</select>
如何为已选择的选项具有单独的样式。因此，所选的字体大小与未选定的字体
浏览 7提问于2014-08-27得票数 0
回答已采纳
2回答
如何使用行中具有不同字符的文本框，并自动完成并激活下拉菜单？
在文本框中，我输入第一个不同的字符，我有自动完成和下拉菜单，我的意思是它们都是活动的。但是，一旦我想在我的文本框中添加另一个独特的字符，我的自动完成和我的下拉菜单都不活动。我的意思是他们不会现身。只是在第一次使用show。用什么代码，我可以使自动补全和下拉在每个阶段的独特字符后激活？
我使用platform win表单。
浏览 1提问于2011-05-15得票数 0
下面我有一个jQuery单击函数，它将一个选择框中的选定值追加到另一个选择框中：
// Add Button
$('#addbtn').click(function() {
var selectedOption = jQuery("#studentremain option:selected");
selectedOption.appendTo($("#studentadd"));
});
现在我遇到的问题是，如果用户更改了下拉菜单中的选项，那么我希望选择框#studentadd恢复为空。问题是附加到选择框中的值仍然存在，如
浏览 4提问于2013-01-10得票数 1
回答已采纳
bootstrap-select会生成一个带有<button>的DOM，其中包含以下类： btn dropdown-toggle btn-light 我可以将btn-light类设置为另一种背景颜色，如下所示： .btn-light {
background: #fff;
} 但我不想更改CSS -我想更改<button> Dom元素中的类。 如何使用另一个类更改btn-light？ 需要说明的是:我不想更改我的css中的任何内容。我只想从bootstrap-select插件中更改自动生成的DOM的btn-light类。
浏览 123提问于2020-12-15得票数 0
如何指定可以访问选定项属性的MultipleSelectionBoxTemplate
我有个员工班
public class Employee {
public string Firstname {get;set;}
public string Lastname {get;set;}
}
我在wpf应用程序中使用Telerik radCombobox显示员工列表。
<telerik:RadComboBox x:Name="radComboBox"
Width="200"
浏览 12提问于2022-08-16得票数 0
回答已采纳
我正在开发一个Range6项目。在导入外部jquery文件时，我有一个问题(引导-select.min.js)。我已经安装了所有jquery文件，并使用npm命令引导选择了jquery插件。我已经在index.component.ts中包含了这样的引导-选择：
import { Component, OnInit, AfterViewInit } from '@angular/core'; import * as $ from 'jquery'; import 'jqueryui'; import 'bootstrap-select
浏览 0提问于2018-10-12得票数 1
回答已采纳
2回答
我想将name="question"添加到选定的单选按钮中。(如果用户选择了另一个，则将其删除)。我该怎么做呢？
<input type="radio" value="female" />Female
<input type="radio" value="male" />Male
谢谢
浏览 0提问于2011-01-26得票数 0
回答已采纳
1回答
我有一个使用选择器的多个选择下拉列表，我希望在另一个输入框中显示所选文本，其中包含@selected，而不是值。
在此，单击加号，下拉菜单将打开，并在选择加号后保留，但所选文本必须显示在另一个输入框中。下面是我尝试过的HTML代码
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css" />
<link rel="stylesheet"
浏览 0提问于2018-05-21得票数 1
回答已采纳
在FileMaker专业版上
我在下拉菜单中为list of Cities创建了一个字段。
我还在上面的下拉菜单字段中创建了另一个与Cities关联的Names下拉菜单形式的字段。
当我选择一个City时，与该选定City相关联的所有Names都应该填充Names字段中的下拉菜单。
我如何在FileMaker专业版上实现这一点？
浏览 9提问于2016-07-10得票数 0
我有两个报告参数，这两个参数是在我创建它们的关联数据集时自动设置的。它们是ReportID和CompanyID。用户从列表框中选择公司名称，从另一个列表框中选择报告名称。使用来自TableName查询的标准SELECT ID，Name填充相应的列表框。报告参数工作正常，报告显示正确。我的问题是。我想将选定的报告名称和公司名称放在报告标题中(这些是用户在单击View Report按钮之前从下拉列表中选择的名称值)。我设置了两个新参数ReportName和CompanyName；将它们标记为隐藏，并将它们的默认值设置为适当的数据集。问题是标题总是显示列表中的名字，而不是用户选择的名字。我的问题是，
浏览 13提问于2008-12-29得票数 12
回答已采纳
1回答
我希望选择任何选定字段都是1的记录。
decimal myNumber = 1;
query = from q in query where myNumber.Contains(q.trial, q.score, q.id) select q;
在sql中，我会写
select trial, score, id
from query q
where 1 in (q.trial, q.score, q.id)
如何使用linq复制sql？
浏览 2提问于2015-10-09得票数 1
回答已采纳
我正在使用中的多个*选择插件，我注意到了如何将项目添加到下拉菜单中，但我不知道如何将项目添加到框中，以便以后可以删除它(直到现在，我手动输入：
$('.TokensContainer').first().prepend("<li class=\"Token\" data-value='" + profilesRead[i] + "'" + "><a class=\"Close\">×</a><span>" + "Account
浏览 3提问于2015-06-25得票数 1
回答已采纳
我对试图从选定的驱动器(例如)的列表视图中显示所有.mdf文件(和其他数据库文件)感到困惑。C:，D:)使用组合框(下拉菜单样式)。
不知怎么的，代码的想法让我心神不宁
private void Form1_Load(object sender, EventArgs e)
{
foreach (DriveInfo dir in DriveInfo.GetDrives())
cmbDrive.Items.Add(dir.ToString());
}
private void btnScan(object sender, EventArgs e)
{
ListVi
浏览 3提问于2014-10-18得票数 1
回答已采纳
1回答
我已经创建了一个规则，它应该从分类法术语字段(一个包含分类法术语列表的字段)获取所有选定的术语。但是，当规则被执行时，它只获取一个分类法术语，而不是全部。该字段被设置为保存“无限”值。
规则是：
Entity type = taxonomy term
Condition => content-type = course
Data selector => node:field-autodealer:name
该规则应该将来自选定组的所有用户添加到一个课程中。
浏览 0提问于2018-05-09得票数 1
回答已采纳
1回答
我有一个下拉菜单：
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
All Cate
浏览 1提问于2016-05-17得票数 0
回答已采纳
1回答
我正在尝试在我的应用程序中实现bootstrap-select。我已经在我的应用程序中使用Bootstrap-twitter了。在系统中，我想要实现此功能的下拉菜单很少。在页面加载bootstrap-select将被触发，并从json文件填充下拉菜单。我有一个可以更新JSON文件的系统。在这种情况下，我重新加载JSON文件并调用函数再次加载json。问题是，在这种情况下，bootstrap-select会中断。我仍然可以单击并搜索选项，但同时所有选项都显示在选择输入字段的下方。下面是我的代码示例：
var appData = {
Buildings : [
{BLDGNAME
浏览 1提问于2018-09-13得票数 0
我正在尝试从下拉菜单中获取选定的选项，并使用该选项复制到具有相同下拉列表的另一个表单。 我可以使用$Motherboard = $ChromeDriver.FindElementByXPath('//*[@id="mbd"]').GetAttribute("innerText")获取文本形式的值，但我需要从下拉菜单中接收已经选择的值。 是否会有另一个get属性可供使用，或者是一个完全不同的脚本？
浏览 6提问于2021-08-25得票数 0
我在这里使用了大量的代码库，并尝试在bootstrap中选择渲染到一个漂亮的下拉菜单中。
我们有bootstrap 3.0.0和jquery 1.12.4，根据我对bootstrap-select的理解，我至少需要bootstrap 3.3.7，我不太确定如何更新bootstrap。我们有一个存放当前bootstrap js和css文件的公共文件夹。
我发现添加了
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel=&
浏览 34提问于2019-10-24得票数 0
回答已采纳
1回答
逻辑:从下拉列表中选择一项，并将其放入表中，再输入四个“项目、数量、价格、合计”。“项目”列中必须显示选定的项目。每个选定的项目都有数量和总价。price.in列必须显示数量和价格的总和。并且它应该插入用户想要的任意数量的项目。我对此真的很困惑，以前没有做过这样的工作。任何帮助都将不胜感激。
这是选择项下拉菜单
<div class="form-group">
<label class="control-label col-md-3">Items
<span class="required"
浏览 0提问于2019-11-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
