在表单中，我有数千条记录要更新，而在每条记录中，我有一个复选框(每个复选框都有20-30个选项)，因此总共有上千个复选框。当我将Select2应用于这些使用相同类的复选框时，它会冻结我的浏览器。如果我不使用select2，那么它就能正常工作。
转载本期：-
创建多个单个复选框(可能为4000)，并且可以在每个复选框中保留2-3个选项。
现在在浏览器中运行它(在不冻结浏览器的情况下，它可以正常工作)
现在将select2应用于所有复选框(它将冻结浏览器)，谢谢
浏览 4提问于2017-10-04得票数 0
回答已采纳
我使用select2 3.5.2和jQueryValidation1.13.1，通过使用验证插件“突出显示”方法，.I可以向select2元素添加错误类，但是当我选择一个值时，我不能删除该错误类。我怎么才能解决这个问题？
<form id="test" class="frm">
<div>
<input type="text" name="name" />
</div>
<div>
<label for=&#
浏览 1提问于2015-04-29得票数 7
回答已采纳
2回答
我正在使用jQuery Select2插件来选择复选框。现在，我想在每个选项中添加一个描述。打开复选框时，会看到以下文本：
One
Two
Three
Four
但相反，我想看到的是：
One
*Description for option One*
Two
*Description for option Two*
Three
*Description for option Three*
Four
*Description for option Four*
有人知道这是怎么回事吗？
这是我的完整剧本：
$.fn.select2.defaults = $.extend($.fn.select
浏览 0提问于2019-01-21得票数 3
2回答
我正在尝试使用Select2库来显示一个类别列表。我现在有一个正常工作的<select>。
我在html中添加了jquery、样式表、.js文件和函数。
<link href="/select2/select2.css" rel="stylesheet"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script src="/select2/select2.
浏览 2提问于2013-09-30得票数 1
回答已采纳
我来这里有个问题。我使用vue.js作为cdn。所以我不能安装npm和使用包。
当我尝试使用jQuery的select2插件时，问题就开始了。它正确地显示了动态到来的选项值，但当我选择一个值时，问题就发生了，vue.js实际上没有得到那个值。我只想告诉你，如果我不使用select2类，它工作得很好，vue会得到这个值。
下面是我的select option部分代码
<select v-model="formData.allowance_id" id="allowance_id"
name="allowance_id" cla
浏览 3提问于2020-05-11得票数 0
1回答
我使用select2和引导。每次单击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&g
浏览 0提问于2019-10-09得票数 1
回答已采纳
我注意到，当我在valueAllowUnset: true插件中使用Select2时，默认值在复选框中是不可见的。但是，当我单击select时，将突出显示正确的值。
试着从上面的小提琴中移除“, select2: {}”，看看它应该如何工作。
对是什么导致了这个问题有什么想法吗？这与我为Knockout使用的select2定制绑定函数有关吗？
浏览 4提问于2014-03-11得票数 1
回答已采纳
1回答
嗨，伙计们，我在我的销售项目页面上有一些选择标签。第一个是由HTML创建的，其他是由jquery创建的，当用户单击一个按钮时追加添加更多
<select id='code0' onclick='getvalue(this)'><option>1</option></select>
在document.ready中，我对这个select标记应用了select2
$(document).ready(function(){
$("#code0").select2();
})
function app
浏览 10提问于2017-08-01得票数 1
回答已采纳
1回答
我正在开发一个web应用程序，其中有一个select元素。我要把它绑定到一个收藏上。我正在用淘汰赛来做这件事。
这是我的代码：
<select multiple class="form-control input-sm"
data-bind="options: ConfigurationParameters ,optionsValue: 'Bit63', optionsText: 'DisplayText', selectedOptions: Selec
浏览 2提问于2014-10-30得票数 2
回答已采纳
我正在运行laravel backpack 3.4，并从标准的select2字段类型创建了一个自定义字段类型，我现在正尝试基于onchange事件更改在另一个选择选项上选择的值，但没有发生任何更改 这是字段声明 <select onchange="updateunit(this, '{{$field['name']}}' )" id="{{$field['name']}}_<% $index %>" data-index="<% $index %>"
浏览 10提问于2020-09-20得票数 1
我正在尝试E2E测试我的angularjs应用程序。它有一个select2复选框，其中填充了来自API的项。此select2复选框具有将添加到搜索中的筛选器列表。
<input id="filter-select2" ui-select2="dataArray" ng-model="selected"/>
我遇到的问题是，在我所做的E2E测试中，我似乎无法打开选择框。如果加载应用程序，则可以在Chrome控制台中执行$('#s2id_filter-select2').select2('open');操
浏览 4提问于2013-05-13得票数 2
回答已采纳
我有一个ASP.net MVC项目。我所有的DropDownListFor显示为2个框，而不是1个。这是当前视图的样子：
视图应该是这样的：
以下是视图中的代码：
<div class="col-xs-12 col-sm-6 col-md-4 ">
<div class="form-group select-280">
@Html.LabelFor(model => model.HoleID)
<br />
浏览 1提问于2017-06-20得票数 0
回答已采纳
我有一个包含一个复选框、一些文本和一个select2下拉列表的表。用户将选择一个复选框，然后在select2下拉列表中选择一个值。我试图找出用户是否在select2框中选择了与复选框相对应的值。
以下是我的代码：
var value = [{
id: 0,
text: 'enhancement'
}, {
id: 1,
text: 'bug'
}, {
id: 2,
text: 'duplicate'
}, {
id: 3,
text: 'invalid'
}, {
id: 4,
tex
浏览 4提问于2016-05-05得票数 3
回答已采纳
我为我的表单添加了jQuery验证插件，并使用select2插件。为了检查select2验证，我为validatioin插件添加了ignore: "",，如下所示：
$("#form").validate({
ignore: "",
rules: {
tags: {
required: true,
},
},
messages: {
tags: {
required: "error ! required fiel
浏览 0提问于2015-07-19得票数 0
2回答
我已经决定在我的多选择搜索过滤器中实现select2，我可以通过一些帮助来实现它。
我有以下方法：
public function getContactByName($name)
{
return Contact::select(array('id', DB::raw('concat(first_name," ",last_name) as name')))->where(DB::raw('concat(first_name," ",last_name)'), 'like', "
浏览 0提问于2013-08-12得票数 0
回答已采纳
3回答
我已经使用"Table“作为其格式创建了一个视图。当我单击标题列记录时，它逐个显示字段。
我可以以表格格式显示视图的数据吗？
浏览 0提问于2015-02-16得票数 0
我在写一张表格。如果此窗体中的复选框已填充，则必须显示此窗体中的一些隐藏字段。这是我表格的一部分：
<div class="checkbox">
<label><g:checkBox name="isAdminCafee" value="${false}"/>Register as admin</label>
</div>
<g:if test="${isAdminCafee == true}">
some admin data
</g:if&g
浏览 1提问于2015-04-04得票数 0
回答已采纳
2回答
显然，如果我有一个“select”元素，我可以使用一些基本的JS添加一个事件侦听器来进行更改：
document.querySelector('select').addEventListener('change', function(ev){
console.log('Changed', ev.target.value)
})
单击“select”元素，修改值，日志触发。简单的东西。
不过，我正在为样式的选择框(如select或select2 )开发一个库，而不依赖于jQuery。
在我的库中，单击样式复选框将更改实际选择框的.value：
浏览 13提问于2014-09-22得票数 2
回答已采纳
1回答
我有一个联系人表格，在那里我有一些复选框。在用户提交表单后，我希望在数据库中获取他们的条目。我可以正确地做到这一点，但今天我想要改变我的形式，以响应。我将简单的复选框更改为span标记，但现在无法获取数据库中的值。它没有给我任何错误，也没有在数据库中显示任何东西。
<html>
<body>
<form action="" method="POST" >
<section>
<div class="wrapper-checkbox">
<div cla
浏览 4提问于2016-06-13得票数 0
回答已采纳
我试图实现这一点：
我不做SPA，虽然我在我的页面中使用Vue组件。
Vue警告:挂载钩子中的错误："TypeError：$(.).select2不是函数“
找到位置
我知道这个错误
Error in mounted hook: "TypeError: $(...).select2 is not a function"
found in <Select2> at
C:\laragon\www\lara\resources\assets\js\components\ui\Select2.vue
我将select2和vuejs都包含在html文件中
浏览 2提问于2017-07-21得票数 1
回答已采纳
1回答
我有一张有100张唱片的清单。对于每条记录，我有2个选择框，我将它们转换成一个select2选择框。问题是构建列表需要10秒钟。当我不使用select2时，它需要1秒。
你知道我怎么才能让它更快吗？
浏览 0提问于2015-07-07得票数 0
2回答
我有一个多选择下拉与select2插件。当下拉列表打开时，用户滚动窗口并单击没有触发单击事件的某个地方。相反，窗口会自动滚动，并将焦点放在下拉列表上。
请在这里找到演示。在示例中，滚动并打开选中框，保持打开复选框，滚动顶部并单击内容1。
$(document).ready(function() {
$("#multiselectDropdown").select2()
$("h1").on("click", function() {
alert("clicked " + $(this).text())
}
浏览 0提问于2018-02-22得票数 1
回答已采纳
我想做一个带有自动建议下拉菜单的电子邮件输入框。我从github下载了Select2插件，并按照插件说明安装了.js和.css文件。
我不理解输入框的标记，以及输入框如何选择要显示为建议的数据。有谁能帮帮我吗？
浏览 2提问于2015-05-14得票数 0
我有一个复选框，当选中该复选框时，将一个值赋值给下拉复选框。问题是，select下拉列表是用Select2设计的，而将值赋值给select不起作用。
我已经寻找了一段时间的解决方案，但没有得到一个明确的解决方案和解释。我希望你能帮我解决这个问题。提前谢谢你的建议。
以下是它如何运行“没有选择2”的工作示例。。
下面是“不工作”示例的“with Select2”版本的片段和Select2：
$(".js-example-basic-single").select2();
$(function() {
$("#geStd").click(function
浏览 12提问于2017-10-24得票数 0
回答已采纳
I want to apply select2 js with activeadmin using activeadmin_addons gem on has_may through associations but when I apply all the things which are mentioned in gem it looks like select2 js not loading
I have apply all the changes for like what we need to include in js and css files
when I try to
浏览 0提问于2016-03-01得票数 0
回答已采纳
需要使用Select2 JS选择带有所有选项的数据复选框。我尝试使用复选框选择Select2 JS中的所有选项，默认选择all Options.How来设置Select2 JS中选中的默认所有选项。
脚本代码：
<script type="text/javascript">
$(".js-select2").select2({
closeOnSelect : false,
placeholder : "Placeholder",
allowHtml: true,
allo
浏览 1提问于2019-09-26得票数 0
这是一个很长的问题，所以请原谅我，伙计们。
当选中复选框时，我需要自动提交表单。到目前为止，我有下面的代码和，它完美地工作在上。选中或未选中复选框时，必须提交表单。有一些PHP读取数据库条目，并在加载时显示适当的状态(选中或未检查)。
<form method="post" id="edituser" class="user-forms" action="--some php here--">
<input class="lesson" value="l101" name=
浏览 2提问于2012-05-18得票数 0
回答已采纳
我试过jQuery select2
http://ivaynberg.github.io/select2/
而且它的运行情况与预期相符。
但是，我的select有700多个选项，我不想在用户希望使用选择框之前加载它们。
因此，我尝试仅在用户单击按钮时显示选择框。
<html>
<head>
<title>jQuery Load of Script</title>
</head>
<body>
<div id="showselect">
&
浏览 4提问于2013-04-09得票数 0
回答已采纳
我正在尝试在我的jQuery下拉列表中添加select2验证。然而，它一直导致javascript异常的"nodeName未定义“，我不知道哪里出了问题。
$(".field-validation-required").each(function() {
// output SELECT, if current html class is a select2 dropdown.
console.log(this.nodeName);
$(this).rules('add', {
required: t
浏览 2提问于2017-08-22得票数 0
回答已采纳
1回答
我需要写一个Javascript用户界面在美发沙龙预约网页。它将有一个动态的表格，酒吧的开放时间在一个水平轴上，设计师在垂直方向上。该页面还将有一个复选框列表，其中包含所有样式设计师的姓名。当用户选择/取消选择样式列表时，表中的相应列应该显示/隐藏。用于填充表的数据将来自json对象。另外，当约会持续超过2小时或更长时间时，代表它的单元格应该连接起来。
我不是专业的开发人员，所以我需要一些帮助。有没有我可以使用的UI库？如何有效地操作表？
谢谢，安娜
浏览 1提问于2013-02-10得票数 0
回答已采纳
我正在使用带有FixedColumns插件的jquery.datatables插件，并且在保持两个表的同步方面遇到了一些问题。
我的表格的前两行包含复选框。
由于数据是ajax加载的，因此我在复选框的JSON中返回了"true“或"false”值，并且我将使用fnRowCallback动态创建"true“或"false”，并将其替换为适当的复选框。
然后，我添加了FixedColumns附加组件，尽管表最初正确加载，但后续的重绘不会用复选框替换“真”或“假”值。
尽管fnRowCallback仍会触发，但它只有部分表和部分数据
Note this code is
浏览 7提问于2013-06-14得票数 6
回答已采纳
我有一些文本字段，即在自定义大小(长度，与)的产品。我想包括一个复选框，当我点击复选框时，自定义大小的字段将显示/隐藏复选框click.please帮助我如何在没有任何代码定制的情况下执行此操作。 我尝试过一些插件，但它们添加了文本字段，但没有在复选框点击时显示/隐藏它们 ?
浏览 19提问于2019-03-24得票数 0
回答已采纳
2回答
我最近尝试在我的django应用程序中使用select2多选框，select2框显示正确，我可以像它应该选择的那样选择多个选项，但是当选择的值进入数组时，就有一个问题。
这是我的代码：
html页面：
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" />
<script src="{% static 'js/vendor/jquery-3.4.1
浏览 53提问于2019-11-06得票数 0
回答已采纳
我使用select2让用户从ajax列表中选择内容。在添加到db中，它工作得很好，但是我想编辑一些东西。所以我仍然可以从我的select2中选择一些东西，但是用户应该看到select2的当前值。
我尝试过用InitSelect做一些事情，但是它没有起作用，即使是在我刚刚从php传递数据之后。
这是我的Select2：
$(".personid").select2({
ajax: {
type: "post",
url: '/' + APP_PATH + '/Projects/find_per
浏览 2提问于2017-03-29得票数 1
我正在使用联系表格7，MailChimp的WP和联系表格DB插件目前在我的网站。
我的网站上有三种表格:联系表格和志愿者表格。当用户填写数据并发送消息时，它将向我发送邮件，并使用联系人表格DB。它将保存和显示在管理网站，但问题是，当我选择联系形式，它将添加MailChimp复选框数据也与它，我不想看到。
如何删除表单插件？我对编码不太了解。
这是图像：
浏览 3提问于2016-08-25得票数 0
回答已采纳
2回答
我创建了五个带有独立选择框的复选框，其中第二个复选框的值将随我在第一个选择框上选择的内容而变化。
<tr>
<td>
<select name="brand" class="form-control select2" id ="brand">
<option value="0" selected="true" disabled="true">Select Brand</option>
@foreach($brands as $key
浏览 3提问于2017-09-09得票数 0
回答已采纳
我在我的网站上使用自定义主题，它需要jquery.min.js，所以下拉菜单可以工作，但是当我使用select2时，jquery文件似乎被调用了两次。
这是细节。
当我在我的main.php上调用jquery时，我的下拉菜单可以工作，但是我的select2不能工作，并且得到了TypeError: jQuery(...).select2 is not a function错误
但是，当我不在main.php上调用jquery时，下拉菜单就不能工作，并且会出现这样的错误。
错误:引导程序的JavaScript需要jQuery bootstrap.min.js:6:37 ReferenceE
浏览 2提问于2016-08-09得票数 0
当在选中框上更改事件DOM更改(一些元素根据选中框值显示/隐藏)以在示例中复制此单击复选框“清除”按钮时，会发生这种情况。SelectBox不会被清洗。一些选择选项将被设置为值。
$(document).ready(function(){
$('#selectList').select2({
width: '100%',
allowClear: true,
placeholder: 'select option',
value: null
}).on('select2:selecting
浏览 4提问于2018-10-11得票数 3
我正在尝试使用select2的自动完成(加载远程数据)在一个表中，其中包含了使用敲除前端绑定构建的行。控件不工作。它似乎被冻结了，而我打字似乎什么也没有发生。另外，我在developer工具栏中找不到控制台中的任何错误。
我已经尝试将控件放置在foreach绑定之外，并且它工作得非常完美。
我确实发现，我可以使用定制的敲除绑定、剔除和Select2的集成来使它工作，我在链接上使用了代码，并且它工作了。
在我的原始代码中，我没有使用自定义的select2敲除绑定，而是从js文件中激活了select2。所以我的HTML如下所示
<input type="text" class
浏览 7提问于2015-02-23得票数 0
2回答
我的代码上有一个select2 (jQuery插件)，它正常工作，除非我选择一个项目。
价值是错的。
表格：
<form id="Teste" method="get" action="">
<input type="hidden" id="e6" name="e6" class="select2" style="width: 600px;" />
<input type="submit&
浏览 7提问于2014-07-24得票数 4
回答已采纳
1回答
我已经建立了一个网络应用程序，需要建立一个可搜索的复选框。
我使用过Select2库：。
但是在我的例子中，库不能工作，没有可搜索的输入显示，Select2执行的断点也没有被击中。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel=&#
浏览 1提问于2021-06-03得票数 0
回答已采纳
我正在使用Rappid来表示对象之间的关系。我需要自定义检查器。当值太多时，我想用select2插件来代替选择框。为此，我使用了文档中出现的一个示例，该示例使用renderFieldContent呈现我在inspector.js中定义的特殊字段my函数和对象正确显示，但除此之外，我还需要在mi select2中选择任意值时出现另一个字段，为此，我定义了下面的" when“
when: {
and: [
{ ne: { 'attrs/attributes/to_eval': '' } },
浏览 5提问于2017-05-10得票数 1
1回答
默认情况下，Zend_Form为表单中的每个复选框输入创建一个隐藏输入字段。这些输入具有相同的名称。
<input type="hidden" name="zend-cb" value="">
<input type="checkbox" name="zend-cb" id="zend-cb" value="1">
我想要求复选框，所以我在jquery验证器()中设置了以下规则：
'zend-cb': {
required: true
}
浏览 2提问于2010-03-16得票数 0
回答已采纳
我对select2、Jquery和Checkboxes有问题。我用一些不同的字段做了一个表单。当我添加validate of复选框时，验证警告显示在Select字段的上方。当我没有添加这段代码时： 复选框验证代码 警告显示在select2字段下，但复选框警告显示错误:复选框上的错误警告我不知道为什么，有人可以查看代码并更正我吗？ 表单打印屏幕
浏览 27提问于2020-01-15得票数 0
返回abs、def、ghi值的Select2。如何仅获取当前选定的值或数据属性。
我只想得到abc或def，这是曾经选择过的，那该怎么办？
总之
我正在选择多个，然后最新选择将显示。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="http://ivaynberg.github.io/select2/select2-3.5.0/select2.css" rel="styles
浏览 0提问于2014-06-20得票数 1
如果第一个选择还没有完成，我如何隐藏第二个选择。这是我的密码
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$("#select1").change(function() {
if($(this).data('options
浏览 3提问于2015-01-19得票数 0
回答已采纳
1回答
正在用backbone.js开发使用phonegap的windows手机应用程序。当我尝试使用像这个图像这样的自定义复选框时。
它总是像下面这样显示默认的复选框
为什么不显示自定义复选框？
我的代码
HTML：
<select class="custom-select custom-select-smaller no-border" id="lang-select">
CSS：
.custom-select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box
浏览 2提问于2014-01-17得票数 0
从数据库中，我以类似的格式获得数据(假设它是一个字符串)
1974-07-05
我需要如何将日期以表格的形式传递给datepicker，并使日期处于活动状态，那么我如何才能做到呢？
<td>
<script src="javascript/datepicker.js"></script>
<input id="datepicker" type="text" name="dob" value="${person.bdate}">
</td>
浏览 5提问于2015-02-23得票数 1
在联系人表格7中，有一个包含隐藏字段的div，除其他信息外，还显示了联系人表单的版本：
<div style="display: none;">
<input name="_wpcf7" value="1234" type="hidden">
<input name="_wpcf7_version" value="4.9" type="hidden">
<input name="_wpcf7_locale" val
浏览 4提问于2017-11-21得票数 0
回答已采纳
1回答
我使用jquery select2插件进行多个选择。这里，我想为每个select选项添加一个复选框。
下拉选项应根据选中的/未选中的attr复选框选择。
HTML:
<select multiple="multiple" id="e1" style="width:300px">
<option value="AL" selected> Alabama</option>
<option value="Am">Amalapuram</option&g
浏览 4提问于2016-08-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
