jquery-select2 相关问题

我在我的项目中选择了 2 个下拉列表以下是如何将其添加到视图中（Razor）等级... 我在我的项目中选择了 2 个下拉菜单这是如何将其添加到视图中（Razor） <div class="form-group"> <label class="required-label">Tier</label> <select class="form-control" asp-for="PricingTierId" required> <option value="">@L("SelectAPricingTier")</option> @if (Model.PricingTierId.HasValue) { <option selected value="@Model.PricingTierId">@Model.PricingTierName</option> } </select> </div> 然后在js我像这样初始化它 var _pricingTierDropdown = null; _pricingTierDropdown = _$form.find('#PricingTierId'); _pricingTierDropdown.select2Init({ abpServiceMethod: abp.services.app.pricingTier.getPricingTiersSelectList, showAll: true, allowClear: true }); 它从 BE 获取值，一切都很好。但在某些情况下我需要设置预选值我尝试这样做 if(abp.features.isEnabled('App.PricingTiersFeature')){ if (!_pricingTierDropdown.val()) { abp.services.app.pricingTier.getPricingTiersSelectList("", "").done(function (result) { let def = result.items.filter(x => x.name === 'Retail'); console.log(def); _pricingTierDropdown.val(def.id); _pricingTierDropdown.trigger('change.select2'); }); } } 在控制台中，我得到了这样的选择值，但它没有显示为预选我该如何解决这个问题？您可以尝试使用下面更新的代码来设置预选值吗： if (abp.features.isEnabled('App.PricingTiersFeature')) { if (!_pricingTierDropdown.val()) { abp.services.app.pricingTier.getPricingTiersSelectList("", "").done(function (result) { let def = result.items.filter(x => x.name === 'Retail'); console.log(def); // Check if def is not empty if (def.length > 0) { _pricingTierDropdown.val(def[0].id); // Set the value with the id of the first element _pricingTierDropdown.trigger('change.select2'); } }); } }

javascript asp.net asp.net-core jquery-select2

回答 1 投票 0

如何在htmx中将select2元素的选定值作为参数传递？

我想使用查询参数进行 GET 请求。但是，查询参数需要从 select2 元素中获取。如何将 select2 的选定值传递给 htmx？以下是简化的...

django jquery-select2 htmx

回答 1 投票 0

页脚在不同的 select2 下拉菜单下方添加多次

我正在使用 select 2 jquery 插件创建多个多选下拉菜单，在某些情况下，页脚会在下拉菜单下多次附加。例如，如果您打开 drodpow...

javascript html jquery drop-down-menu jquery-select2

回答 1 投票 0

如果再次单击，select2 日期自定义选项将不会打开

$(文档).ready(function() { ///日期选择器 $("#date-range-options").select2({ 占位符：“选择”，搜索的最小结果：-1，关闭选择：假，允许清除：假 ...

javascript html jquery drop-down-menu jquery-select2

回答 1 投票 0

Select2 无法在本地主机（html-PHP）上工作

我正在尝试使用 select2，但由于某种原因它不起作用。下面的代码相当简单：它从 Microsoft SQL 数据库中提取数据，并创建一个下拉列表。所有这一切都在运行...

php html jquery jquery-select2

回答 1 投票 0

Select2 下拉更改事件不起作用

我正在使用 Select2 下拉列表，我需要根据下拉选择执行一些功能。我尝试过以下代码，但它对我不起作用。 $eventSelect.on("select2:se...

javascript jquery jquery-select2 dropdown

回答 8 投票 0

select2 在灯箱模式中定位遇到问题

使用Select2 4.1，jQuery 3.7 当我在模态/灯箱中显示 select2 时，它无法正确定位自身。您可以尝试一下并从这里查看源代码：https://deveq.northcarolina.edu/s...

javascript css jquery-select2 jquery-select2-4

回答 1 投票 0

带有 Bootstrap 主题的 Select2 不支持输入组类

我尝试将 select2 与输入组一起使用，但按钮始终位于 select2 控件之后的下一行。如果删除 select2 类，它会按预期工作。为什么选择2

bootstrap-4 jquery-select2

回答 6 投票 0

Livewire3 组件重新渲染后 Select2 消失

我有以下问题。当我的 Livewire3 组件第一次渲染时，我选择的下拉列表将作为 select2 可用。但一旦我在 Livewire 组件中更改某些内容...

php jquery laravel jquery-select2 laravel-livewire

回答 1 投票 0

如何在yii2高级中使用select2，

当我在 yii2 表单中使用 select2 时，总是显示这样的错误：无效配置 – yii ase\InvalidConfigException 您必须为 Bootstrap 3.x ve 安装 'yiisoft/yii2-bootstrap' 扩展...

php yii2 jquery-select2

回答 1 投票 0

点击select2时自动出现水平滚动条

我使用select2和bootstrap。每次我单击 select2 时，我的页面都会展开并出现水平滚动条。如何解决这个问题呢：这是我的 HTML 代码我使用 select2 和 bootstrap。每次我单击 select2 时，我的页面都会展开并出现水平滚动条。如何解决这个问题：这是我的 HTML 代码 <div class="row"> <div class="col-md-12"> <select id="js-data-example-ajax" class="js-data-example-ajax form-control" name="parentId"></select> </div> </div> 这是我的JS代码 $(document).ready(function() { const url = "/ajax/categories"; $('#js-data-example-ajax').select2({ ajax: { url: url, dataType: 'json', data: function (params) { const query = { keyword: params.term, page: params.page || 1, limit: 10 } return query; } } }); }); 试试这个 body{overflow-x:hidden;} Bootstrap 5.2 对我的修复是将 position:relative 添加到包含的 col div。 Bootstrap 有一个类：position-relative <div class="row"> <div class="col-md-12 position-relative"> <select id="js-data-example-ajax" class="js-data-example-ajax form-control" name="parentId"></select> </div> </div> 通过删除或注释 select2.css 或 select2.min.css 中 CSS 代码的以下部分来修复此问题 .select2-container{ width: 100% !important; }

javascript jquery css jquery-select2

回答 3 投票 0

使用 AJAX 和 OptGroup 从第一个 Select2 上的选择中填充第二个 Select2

我有我的第一个 select2，我从远程 ajax 搜索中提取数据，并允许多个选项： $("#EmailSentToGroup").select2({ 阿贾克斯：{ url: "/行程搜索", ...

jquery-select2 jquery-select2-4 ui-select2

回答 1 投票 0

选择2动态更改项目

我有两个链接的选择：第一个选择的每个值决定哪些项目将显示在第二个选择中。第二个选择的值存储在二维数组中...

javascript jquery-select2

回答 9 投票 0

Selenium 上无法根据 select 的文本选项定位元素的解决方案

我正在努力使用 PHP Selenium 创建自动单击，以便基于文本名称而不是值选项创建自动单击，因为该值是随机的。超文本标记语言我正在努力使用 PHP Selenium 创建自动点击，用于基于文本名称的 select2 下拉列表，而不是值选项，因为该值是随机的。 HTML <div class="input-group-prepend"> <select name="target" id="target" class="form-control select2-hidden-accessible" data-select2-id="select2-data-acctarget" tabindex="-1" aria-hidden="true"> <option value="" data-select2-id="select2-data-4-lu1l">-- Please Select --</option> <option value="hashrandom" data-select2-id="select2-data-5-i9za">Option1</option> </select> <span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-3-0a3d" style="width: 360.312px;"> <span class="selection"> <span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-acctarget-container"> <span class="select2-selection__rendered" id="select2-acctarget-container" role="textbox" aria-readonly="true" title="-- Please Select --">-- Please Select --</span> <span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span> </span> </span> <span class="dropdown-wrapper" aria-hidden="true"></span> </span> <button type="button" class="btn btn-link btn-sm" data-toggle="tooltip" data-placement="top" title="" data-original-title="tooltips_target"><i class="fa fa-question-circle"></i></button> </div> 代码 if(!$this->wait('#target','visibilityOfElementLocated',5,500)) return $this->sendError('form not found'); if($this->executeScript("$('#target').click();")); if(!$this->click('option[text=\'Option1\']')) return $this->sendError('select error.'); 但出现错误 NoSuchElementException: no such element: Unable to locate element: {"method":"css selector","selector":"option[text='Option1']"} 根据文档，有一个 WebDriverSelect 类可以与 SELECT HTML 元素一起使用。代码看起来像这样 $selectElement = $driver->findElement(WebDriverBy::id('target')); $select = new WebDriverSelect($selectElement); $select->selectByVisibleText('Option1'); 或 $selectElement = $driver->findElement(WebDriverBy::id('target')); $select = new WebDriverSelect($selectElement); $select->selectByValue('hashrandom');

php selenium-webdriver jquery-select2

回答 1 投票 0

Select2 Bootstrap Modal 带模态滚动

更新：我添加了这个： $("#id_project").select2({dropdownParent: $(".modal-body")}); ...这会导致下拉列表正确放置，并且可以输入搜索内容。

javascript jquery twitter-bootstrap bootstrap-modal jquery-select2

回答 6 投票 0

jquery-select2 相关问题

最新问题