触发器(‘change’)在Select2上不起作用
触发器（'change'）在Select2上不起作用通常是由于以下原因之一：
- 错误的事件名称：可能是因为您使用了不正确的事件名称。在Select2中，正确的事件名称应为'change.select2'。请确保您正确地绑定了事件。
- 错误的元素选择器：检查您的元素选择器是否正确。确保您正确地选择了Select2元素。
- 事件绑定时机：如果您在绑定触发器之前创建了Select2元素，那么触发器可能无法正常工作。确保在绑定触发器之前正确地初始化了Select2元素。
- 事件冲突：可能存在其他事件或代码与触发器冲突，导致触发器无法正常工作。请检查是否有其他代码修改了Select2的行为或覆盖了触发器的功能。
针对Select2触发器无法正常工作的问题，您可以尝试以下解决方法：
- 检查事件名称和元素选择器：确保您正确地绑定了'change.select2'事件，并选择了正确的Select2元素。
- 确保事件绑定时机正确：在绑定触发器之前，确保Select2元素已经正确地初始化。
- 排除事件冲突：暂时注释掉其他可能与触发器冲突的代码，以确定是否有其他代码影响了触发器的正常工作。
如果以上解决方法都没有解决问题，您可以尝试阅读Select2的官方文档，查看是否有相关的指导或解决方案。以下是腾讯云提供的一个Select2的产品，供您参考：
产品名称：腾讯云 Serverless 云函数（SCF） 产品介绍链接地址：https://cloud.tencent.com/product/scf
请注意，以上提到的腾讯云产品仅供参考，其他云计算品牌商也提供类似的产品，您可以根据自己的需求选择适合的云计算平台。
相关·内容
我的网页上有两个选择控件(Bootstrap Select2)：
<div class="form-group">
<label>Client: </label>
<select id="ddlClient" class="form-control select2 subselect">
<option value="0">Select client</option>
</select>
</div&g
浏览 4提问于2021-04-05得票数 0
回答已采纳
使用Select2 v4.0.3。
当在Firefox中使用“表单恢复”时(例如。( "Lazarus")，表单上的值都是设置好的，但是像Select2这样的自定义控件不会被通知更改。因此，有时在SELECT的实际选择值与Select2正在显示的内容之间可能存在差异。
因此，我希望定期检查所有Select2控件，以确保它们的可见状态是准确的。
我试过这样检查：
if (sel.select2("val") != sel.val()) { sel.select2("change"); } // needs an update
但是，值总是相同的，表
浏览 2提问于2016-12-06得票数 0
2回答
我使用laravel集体htmlServiceProvider填充了我的选择选项
<div class="col-md-6">
{!! Form::label('Serial' ,null,['class'=>'small']) !!}
{!! Form::select('cross_match_id',$serials,null,['class'=>'select2 input-sm form-control','id'
浏览 5提问于2016-09-08得票数 0
回答已采纳
我在我的asp.net项目中使用了select2，但它在服务器控件上不起作用。我的代码在这里
<select id="selServiceArea" runat="server">
<option value="volvo" selected="selected">Select service Area </option>
</select>
而jquery就在这里
$('#selServiceArea').select2({ placeholder: '
浏览 0提问于2016-08-30得票数 0
2回答
我正在使用select2创建一个带有选项1-6的下拉菜单
$('#main-search-dropdown').select2({
placeholder: "Select a number"
});
问题是，我有一个API来处理所选择和提交的内容，然后刷新页面数据。下拉框也会重新加载，但是在代码中，数字仍然是选中的，但是，下拉框文本仍然是占位符，而不是选定的值。
你知道我怎么让它显示选中的文本吗？
浏览 0提问于2018-11-08得票数 0
我使用的是select2 4.0.5
目前，我的select2初始化代码如下所示：
/** Basic select2*/
$('.am_select2').select2({
escapeMarkup: function (markup) {
return markup;
},
templateResult: formatResult,
templateSelection: formatResult,
tags: true,
createTag: function (params) {
// Do
浏览 1提问于2020-07-28得票数 0
假设页面上有两个select2元素，它们都使用'onChange‘。为了以编程方式在一个select2元素中设置一个值，可以使用
$('#id1').val('xyz').trigger('change');
如果在这两个元素中进行选择时，要将另一个元素重置为初始值，则onChange事件将由值设置触发，系统进入无限循环。如果您使用
$('#id1').val('xyz').trigger('change.select2')
浏览 1提问于2016-08-25得票数 4
32回答
如何通过select2设置值重置时的占位符。在我的示例中，如果单击了位置或坡度选择框，并且我的select2的值大于select2的值，则应重置并显示默认占位符。此脚本正在重置值，但不会显示占位符
$("#locations, #grade ").change(function() {
$('#e6').select2('data', {
placeholder: "Studiengang wählen",
id: null,
text: ''
});
});
$(
浏览 367提问于2013-07-31得票数 249
回答已采纳
我需要在两个select2和jQuery之间选择更改。
例如：
<select id="fromCity" class="select2">
<option value='THR' selected> Tehran </option>
<option value='LON'> London </option>
</select>
和
<select id="toCity" class="select2"&g
浏览 1提问于2017-03-01得票数 1
回答已采纳
2回答
我有一个关于jQuery函数的问题。我想基于一个选择的选项来禁用其他选择。在我的例子中，如果选择了select 1中的选项1，我想禁用select2。所以我使用这个jQuery函数：
$(document).ready(function(e) {
$('.select1').change(function(e) {
if ($('.select1').val()==1){
$('.select2').attr('disabled','disabled');
}
else{
浏览 1提问于2013-04-09得票数 1
回答已采纳
我使用的是带有交货日期日历的select2，可用日期如下所示。 <select name="e_deliverydate" id="e_deliverydate" class="select select2-hidden-accessible" data-placeholder="Escolha uma data" tabindex="-1" aria-hidden="true">
<option value="select">Select a del
浏览 16提问于2021-09-17得票数 0
1回答
当我打开下拉时，我通过jQuery设置的值是高亮显示的，但是没有被触发/选择。单击突出显示的选项也不会执行任何操作，直到我单击另一个选项，然后单击正确的选项，即触发器触发时。
<select name="paySelect" id="paySelect" class="form-control select2-hidden-accessible" data-select2-id="paySelect" tabindex="-1" aria-hidden="true">
<o
浏览 8提问于2022-08-09得票数 0
2回答
我使用select2进行搜索。我使用了以下代码
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<select class="form-cont
浏览 1提问于2020-02-05得票数 1
回答已采纳
1回答
我使用如下代码为select (使用Select2)设置加载时的默认值：
$('#soff_gar').select2({placeholder: "Scegli", initSelection: true }).select2("val","<?php echo $garante; ?>");
在控制台上升级到4.0版时，我读到：" Select2：select2("val")方法已被弃用，将在以后的Select2版本中删除。请使用$element.val()。“因此我尝试将我的代码更改为
$
浏览 0提问于2015-02-22得票数 9
回答已采纳
3回答
我在我的表单中使用select2，并且使用jQuery，我试图为它设置一个默认值；但是，无论我尝试什么，都不起作用。首先，这是我的html表单：
<div class="form-group>
<div class="col-xs-12">
<div class="form-material">
<label for="item" style="font-size: 14px; margin-bottom: 5px">Name:</
浏览 0提问于2016-11-28得票数 2
1回答
我正试图通过Select2在一个刺激控制器中通过data-action收听一个data-action事件。
我有一个刺激控制器，其中包含了一个用于Select2事件的事件侦听器，但我无法从Select2事件中侦听该事件。
import { Controller } from 'stimulus';
export default class extends Controller {
initialize() {
const $element = window.$(this.element);
$element.select2({
});
浏览 9提问于2021-12-08得票数 2
5回答
我正在处理一个要求，即在通过ajax提交表单后，我必须清除一个select2下拉框。我已经搜索并尝试了几个解决方案，但都不起作用。
我的select2代码是：
$(document).ready(function(){
$("#my_select_id").select2({
placeholder: "Select One Option",
allowClear: true,
initSelection: function(element, callback) { }
});
})
清除select2的脚本为：
$(&
浏览 69提问于2017-03-22得票数 5
回答已采纳
2回答
我在select2文档中找不到一种方法来删除select2表单中的所有选项。旧的stckoverflow对这个问题的回答似乎不起作用，因为新版本(我使用的是4.0.3)有不同的行为
浏览 28提问于2017-06-27得票数 2
我有一个包含2个Select2元素的表单。我已经编码在下拉更改时显示引导窗体value=other。我还成功地插入到数据库中，并将值作为dropdown select2选项返回。
但我想知道，如何才能仅在触发该值的下拉列表中选择该值，即Dropdown1或dropdown2。因为两个dropdowns具有相同的值。
<script>
$(document).ready(function(){
$("#myform").submit(function(event){
submitForm();
return false;
浏览 18提问于2019-10-24得票数 0
1回答
我有一个包含几个option元素的select元素，但下拉菜单在我打开后不会关闭。 我不知道为什么它在我的项目上不起作用，但它在一个新项目上工作得很好。 $(document).ready(function() {
$('#user-selection').select2();
}); <select id="user-selection" name="userId" style="width: 100%" required>
<option>1</option>
<op
浏览 56提问于2019-05-02得票数 2
2回答
由于目前Oracle中的默认日期格式是dd-MON：
10-SEPT-17
我想将Oracle日期格式设置永久更改为Monddyyyyhh12:mi:ss pm，这是由于遗留程序sql insert语句是这样编写的，因此我想将格式示例更改如下：
SEPT102017 06:52:00 pm
我尝试过使用alter，但是它在我的应用程序sql上不起作用，请建议哪种方法能够做到这一点
浏览 1提问于2017-10-09得票数 0
回答已采纳
我是jquery和javascript的新手，所以这可能是一个愚蠢的问题，但我在将select2中选定选项的值设置为文本输入时遇到了问题。这是我的代码： <head>
<!-- stylesheets -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="h
浏览 51提问于2017-01-28得票数 12
回答已采纳
10回答
我正在和一个很棒的合作。
我也在尝试清理和禁用包含内容的select2，所以我这样做：
$("#select2id").empty();
$("#select2id").select2("disable");
好的，它可以工作，但如果我选择了一个值，所有的项都会被移除，控件被禁用，但选定的值仍然会显示。我想要清除所有内容，以便占位符将被显示。这是我做的一个例子，你可以看到这个问题：
HTML：
<select id="sel" data-placeholder="This is my placeholder"
浏览 8提问于2013-05-01得票数 48
回答已采纳
我开始使用Select2来替换我的应用程序中的下拉列表。我的问题是如何适应现在起作用的东西。
我有一个包含完整日历组件和3个下拉列表的页面来选择我想要显示的日历。一旦使用了下拉列表，其他两个就会像这样重新检查(我使用jQuery)：
$('#dropdown1').prop('selectedIndex',0)
它的主要优点是表单只由“更改”下拉列表提交(每个下拉列表都有自己的更改事件，以重置其他事件)。
使用select2，如果使用此方法，将启动重新检查的下拉列表的更改事件：
$('#dropdown1').select2('val&#
浏览 1提问于2016-03-11得票数 1
回答已采纳
我正在我的一个项目中使用远程数据的Select2插件，所需的属性在它上不起作用，但是在没有远程数据的情况下，所需的工作很好。
required在以下代码上工作正常。
<select name="data[trip_advance_card_id][]" class="select2 payment_cards" style="width: 100%;" required>
<option value="">SELECT PAYMENT CARD</option>
<?php
浏览 8提问于2018-09-02得票数 0
回答已采纳
3回答
我使用以下代码通过select2插件将数据插入到select元素：
$.ajax({
type: "POST",
url: "ws.asmx/GetEvrakGrup",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (dc, status) {
jsonData = JSON.parse(dc.d);
浏览 0提问于2016-08-10得票数 4
回答已采纳
我有两个输入，一个是id="zip"，另一个是id="city"。 #city是一个Select2下拉列表。 我正在尝试清除#zip的onclick选定值。 我试着用这个； $("#zip").click(function() {
$("#city").empty;
}); 还有这个； $("#zip").click(function() {
$("#city").select2('data', null);
}); 但这两种方法似乎都不起作用(或者我试过的其他一些变体)。
浏览 7提问于2019-12-15得票数 0
6回答
我有两个链接的选择:第一个选择的每个值决定哪些项将显示在第二个选择中。
第二个选择的值存储在一个二维数组中：
[ [{"id":1,"text":"a"}, {"id":2,"text":"b"},...],
[{"id":"1a","text":"aa"},{"id":"1b","text":"ba"},...],
...
]
第一个选择值确定用于填充第二个选择的
浏览 13提问于2012-11-07得票数 72
回答已采纳
1回答
我有一个vuejs应用程序，它通过数组循环并输出大量的select2元素。每个元素旁边都有一个删除按钮。当这些元素中的一个被删除时，就会出现一个错误/故障，这意味着前面的select2值将应用于上一行。
下面是一个演示：
我按索引删除该项目如下：
deleteItem: function(index) {
console.log('deleteItem');
this.mySelects.splice(index, 1);
}
复制问题
在第一个选择中选择第一个选项，在第二个选择中选择第二个选项，然后在第三个选择中选择第三个选项。现在，删除第二个选项。理论上，它
浏览 3提问于2019-10-01得票数 1
2回答
我有一个联系人表单(Drupal Webform)，其中包括一个文件上传，它创建了一个包含此标记的表单(我已经去掉了名称、大小和id attr。在此示例中)：
<div class="form-managed-file">
<input type="file" class="form-file">
<input type="submit" value="Upload" class="form-submit ajax-processed">
浏览 0提问于2015-09-23得票数 2
我试图在ng-重复中使用select2，但它不起作用。这是我的密码。
<div ng-controller="mycontroller" ng-app="app">
<div ng-repeat="x in y">
<input type="hidden" id="change{$$index$}"/>
</div>
</div>
ANGULARJS
var myapp = angular.module('app', [&
浏览 1提问于2014-07-03得票数 0
回答已采纳
当我手动选择选项和js清除t时，select2清除不起作用--这里是我清除select2选择选项的函数
$('#select2_id选项‘).removeAttr(’selected‘)；
浏览 3提问于2022-02-11得票数 0
回答已采纳
我只是从官方网站select2获得了下面的教程，并得到了错误，这是代码
$('.tags').select2({
multiple: true,
tags: true
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/js/select2.j
浏览 1提问于2019-03-02得票数 1
我已经在我的搜索代码中使用了select2 jquery，但是当我使用它时，onchange事件就不起作用了。
我的代码是：
<script>
$('#regno').on("change", function (e) {
alert('hello');
})
</script>
<div>
<label>Registration No.</label>
<select id=\"regno\"
浏览 0提问于2019-05-20得票数 0
回答已采纳
我想在创建select2时传递自定义属性。示例(我的自定义属性为myFilterEnabled)：
$('#mySelId2').select2({
myFilterEnabled: false, //Pass my initial state
query: function(query) {
var res = {
results: CityFilter.cities
};
query.callback(res);
}
});
并在查询或呈现函数中使用它。比如：
$('#mySelId2').select2({
浏览 2提问于2017-07-31得票数 0
1回答
我在我的网站中使用了一个有10个选项的select2。所以我有这个js：
$("#myselect").select2({
maximumSelectionLength: 3
});
当选择选项1时，我想禁用Select2上的所有其他选项。不知何故，就像跳过maximumSelectionLength，突然只允许选择一个。但只有在我选择选项1的情况下才会发生这种情况。
例如，如果我选择选项2，我只需要停用选项1。
因此，一般而言，如果选择了其他选项，则需要将选项1从最多3个选项中排除，并且如果在开始时选择了该选项，则应取消激活所有其他选项。我希望我在描述中说得很清楚。
浏览 1提问于2016-02-09得票数 1
1回答
我对CRUD页面使用了Select2 4.0.2。但是，当我试图在selectbox页面中填充/初始化edit时，由于某种原因，它无法工作。为什么不动呢？下面是我现在拥有的一个例子，它应该填充电子邮件地址test@gmail.com。
它应该是这样的，但我不能让它起作用：
<script>
token = '{{csrf_token()}}';
$("#mainuser").select2({
ajax: {
dataType: "json",
浏览 0提问于2016-04-03得票数 0
回答已采纳
我已经开始使用Laravel-Livewire，并在其中一个组件中添加了Select2选择框库。 问题是，该组件有多个选项卡，当我使用Select2输入在选项卡上加载该组件时，一切都很正常： ? 但是，如果我在其他选项卡上加载组件，或者甚至更改选项卡并返回到此选项卡，则Select2不会正确加载并返回到常规的多选项： ? 我正在layout上加载CSS和JS文件，所以每次我获得这个组件时都会加载它们。 我甚至将这个脚本添加到了组件中 <script>
$('.select2').select2();
</script> 以强制此输
浏览 21提问于2021-09-15得票数 0
1回答
我有select2下拉菜单，如下所示：
<select class="form-control validateblank txtSelectChallan" id="txtSelectChallan" />
我通过ajax调用来设置dropdown数据，如下所示：
$.ajax({
type: "POST",
url: "/Account/MaterialSheet.aspx/GetMaterialSheetByLedgerId",
data: '{LedgerId: "
浏览 17提问于2017-12-28得票数 1
回答已采纳
我用select2代替了搜索框。
在这里，我用来加载国家/地区值，如下所示
$("#countries").select2({
multiple: true,
tags:["India", "Japan", "Australia","Singapore"],
tokenSeparators: [","]
});
当我按下保存按钮时，它们被正确地提交到服务器，现在的问题是当我想在保存到服务器后修改国家字段时，我如何将保存的值加载到国家字段中。
这就是我从服务器检索数据的方式
$
浏览 2提问于2013-04-15得票数 7
回答已采纳
当在Google表中添加值时，我想运行一个触发器将数据发布到URL。
但是，由于UrlFetchApp.fetch()在onEdit触发器上不起作用，我们是否可以进行转换，所以每当在工作表中添加新值时，我就会得到该值。
浏览 2提问于2017-02-04得票数 1
回答已采纳
在尝试验证表单时，如何忽略隐藏的div中的jquery-select2元素？
<form id="form">
<div id="hidden" style="display:none">
<select id="select2">
<option>1</option>
<option>2</option>
</select>
</div>
</f
浏览 0提问于2016-09-04得票数 0
我正试着让select2和冲击力很好的结合起来。
到目前为止，我在表单上有一个select2控件，它使用我在web上找到的自定义KO绑定。控制装置运转良好。使用AJAX，因此项目不是本地的。
这是我的迪马。我将如何设置外部的select2框的“值、数据，任何”。例如，我在屏幕上有一个按钮，单击该按钮是为了填充select2。我不能为了我的一生让这件事起作用。
浏览 1提问于2017-11-09得票数 0
回答已采纳
我在Select2中使用按需加载下拉列表。我需要设置使用jquery选择的下拉值。我正在尝试下面的代码，但它似乎不起作用。任何人都不知道如何实现这一目标。
码
$("#ddl").select2("data", { id: 1, text: "India" });
浏览 2提问于2015-06-09得票数 0
回答已采纳
我正在使用AngularJS和Select2来创建一个漂亮的下拉菜单。
我已经在( Select标签的)选项标签中包含了一个ng-click。但是，在Select2中，ng-click似乎不起作用。
<select ui-select2 >
<option ng-repeat="car in myGarage" ng-click="ride(car)">
{{car.Name}}
</option>
</select>
当使用普通的Select标签时，它似乎也不起作用。
我怎样才能
浏览 1提问于2013-06-27得票数 3
回答已采纳
1回答
我正在尝试制作一个编辑表单。此窗体必须加载来自数据库的数据，并显示来自数据库的数据。在我的表单中，我有一个通过ajax加载项目的select2组合框。我需要使用来自数据库的id值更改此组合框的选定索引。我用来加载数据的代码是：
function populateState(){
var urlCities='@routes.StateCtrl.lstStatesByCountryToSelect()';
$("#idCountry").select2({
placeholder: "Select country...",
aj
浏览 2提问于2016-02-27得票数 0
1回答
我正在使用Select2 (通过CDN /最新版本)和从数组加载的数据。(请注意，数据是通过AJAX/JSON拉取的，但由于一些不寻常的情况，这是通过数组加载的。)我需要以编程方式通过文本选择值，而不是ID。我可以通过ID来实现，但不能通过文本来实现。虽然我可以手动遍历数组，并确定ID，然后从ID中进行选择，但我假设有一种更好的方法……
这里有一些代码片段..。
// Now load all the elements into the array, which comes from AJAX
for (i = 0; i < rowCount; i++) {
浏览 9提问于2017-07-18得票数 1
回答已采纳
13回答
Select2成功加载列表中的所有项，这是在页面加载时尝试选择特定值时发现的问题。示例：
*将select2放在特定的html元素中，即使加载了所有项，也不会选择任何值。
$('#my_id').select2();
*当页面加载时，我试图显示选定的特定项，但不像预期的那样工作，因为即使选中，select2也不会显示它。
$('#my_id').val('3'); //select the right option, but doesn't render it on page loads.
如何选择页面加载时弹出的选项？
提前谢谢。
已更
浏览 10提问于2013-02-19得票数 41
回答已采纳
我正在使用durandalJs2.0&淘汰赛Js，我试图在Durandal()中集成Select2 Js下拉列表，但它不起作用。什么是自定义绑定处理程序&如何在durandal中使用它。
define([select2],function(select2){
var activate = function(){
};
return{
activate:activate
};
});
浏览 4提问于2013-11-21得票数 1
回答已采纳
1回答
我正在使用jQuery插件select2，希望在AngularJS中调用select2函数。我知道可以使用，但是页面设计需要jQuery插件select2。
我想更改模型角度中的值，并更改select2的值。
我创建了Angular指令，我想调用select2函数，但不知道如何正确地实现它：
angular.module("myModule").directive("select2Value", [
function() {
return {
restrict: 'A',
require: 'ngMod
浏览 0提问于2016-08-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
