选择新值时，select2初始值将被替换
是指在使用select2插件进行下拉选择时，当用户选择了新的值后，原先的初始值将会被新选择的值替换掉。
select2是一款功能强大的下拉选择插件，它提供了更好的用户体验和交互性。它可以应用于前端开发中，通过将普通的下拉选择框转换为可搜索、可自动完成、可多选的下拉选择框。
在使用select2时，可以通过设置初始值来预先选中某个选项。但是当用户选择了新的值后，原先的初始值将会被替换掉，以反映用户的最新选择。
这种行为的优势在于，它可以让用户方便地选择新的值，并且及时更新表单或页面上的相关内容。同时，它也提供了更好的用户体验，使用户可以直观地看到他们所选择的值。
在云计算领域中，select2可以应用于各种场景，例如在云平台的管理控制台中，可以使用select2来实现对云资源的选择和管理。在虚拟机、存储、网络等资源的管理中，用户可以通过select2选择新的值，以便进行相应的操作和配置。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。这些产品可以满足不同场景下的需求。具体可以参考腾讯云官方网站的相关产品介绍页面：腾讯云产品介绍
总结起来，选择新值时，select2初始值将被替换是指在使用select2插件进行下拉选择时，当用户选择了新的值后，原先的初始值将会被新选择的值替换掉。这种行为可以提供更好的用户体验和交互性，适用于各种云计算场景。腾讯云提供了一系列与云计算相关的产品，可以满足不同场景下的需求。
相关·内容
我注意到，当我在valueAllowUnset: true插件中使用Select2时，默认值在复选框中是不可见的。但是，当我单击select时，将突出显示正确的值。
试着从上面的小提琴中移除“, select2: {}”，看看它应该如何工作。
对是什么导致了这个问题有什么想法吗？这与我为Knockout使用的select2定制绑定函数有关吗？
浏览 4提问于2014-03-11得票数 1
回答已采纳
你知道，我刚刚开始学习select2。我需要得到所选选项的值，我知道我应该这样做：
$('select').val();
所以我只写了一个简单的问题，就像这样：
HTML：
<button id="clickIt">click</button>
<p>SELECT NUMBER</p>
<select id='first'>
<option value='1'>First</option>
<option value='2'
浏览 3提问于2016-07-17得票数 1
1回答
给定以下角度selec2控制器：
<select ui-select2 id="projectListSelection" data-placeholder="Select a Project ..." ng-model="selectedProject">
@*ng-options="project.WebsiteName for project in projectList"*@
<option v
浏览 4提问于2014-06-04得票数 0
回答已采纳
1回答
我在努力让这件事起作用
我有一个像这样的rails表单
%tr
%td
= f.label :company
%td
= f.hidden_field :companyid, class: 'select2 ajax', data: { source: companies_path }
在我的咖啡js里
$(document).ready ->
$(".select2").each (i, e) ->
select = $(e)
options = {}
if select.hasClass(
浏览 0提问于2014-08-31得票数 5
回答已采纳
3回答
有一个好的。
我有个问题。
如果我们看一下代码的这一部分：
mounted: function () {
var vm = this
$(this.$el)
// init select2
.select2({ data: this.options })
.val(this.value)
.trigger('change')
// emit event on change.
.on('change', function () {
vm.$emit('i
浏览 2提问于2018-02-18得票数 2
回答已采纳
14回答
我有一个Select2自动完成输入(通过SonataAdmin构建)，但在我的一生中，我不知道如何以编程方式将其设置为一个已知的键/值对。
有大致显示了我所拥有的东西。我想知道的是，我可以将什么功能附加到按钮上，以便
Select2字段向用户显示文本“新值”，以及
当表单被发送到服务器时，Select2字段将提交一个值"1“。
我尝试过各种jQuery、Select2、data和val方法的组合，这些方法针对页面上的各种输入进行调用，但似乎没有什么效果。肯定有什么办法可以做到吗？
-编辑--
下面被接受的答案非常有用，有助于阐明正确的选择方法，并解释initSelect
浏览 5提问于2014-08-20得票数 35
回答已采纳
2回答
我使用的是jquery select2插件，它工作得很好，但是当我在按钮上添加select2框时，使用add_field函数点击，它会添加禁用的select2框。下面是我的示例代码
<div id="divSelectContaioner">
<div id="divSelect">
<select class="e1" style="width: 200px;">
<option value="AL"
浏览 2提问于2013-05-21得票数 0
回答已采纳
在尝试验证表单时，如何忽略隐藏的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
6回答
我有一个像这样的多重选择：
<select multiple="multiple" class="myList">
<option value="1" selected="selected">Apple</option>
<option value="2" selected="selected">Mango</option>
<option value="3" selec
浏览 12提问于2014-11-04得票数 17
我在我的Yii2项目中遇到了另一个虚拟问题。在我看来，我有一个标准的gridView，定义如下：
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'layout' => '{items}{summary}',
'columns' => [
[
浏览 9提问于2016-04-29得票数 1
回答已采纳
1回答
我创建了一些默认的select2行为:每个选择都是select2
$('select').not('.notSelect2').select2({
width: "150px",
allowClear: true,
placeholder: "EMPTY"
});
现在，我想更改一些输入的设置：
function setSelect2Width(control, width) {
$.extend(true, control.select2.defaults, { width: width });
浏览 0提问于2013-12-10得票数 0
回答已采纳
3回答
我正在开发一款机器人游戏。整个游戏都在" gameplay“类中。问题是当我想要重新开始时，我不知道如何从"Gameplay“类中删除"mg”对象并创建一个新的对象。下面是我的代码：
package com.PJA.game;
import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.graphics.g2d.SpriteBatch;
public class GameScreen extends BaseScreen {
static short state=1;
Gameplay mg;
M
浏览 1提问于2012-08-15得票数 0
2回答
Controller@Update
//Update
$course = Course::findOrFail($id);
$course->name = Input::get('name');
$course->code = Input::get('code');
$course->credits = Input::get('credits');
$course->description = Input::get('description');
$course->tag
浏览 4提问于2016-07-15得票数 1
我使用Select2 jQuery插件在HTML中通过ajax调用获取远程数据。此功能运行良好。
但是，当表单提交时，Select2元素中的选定值在表单POST数据中不可用。
我能够获得关于单选按钮和提交按钮的数据，但不能获得与Select2绑定的userbox元素。
如何才能以PHP的形式获取所选的数据以进行处理？
<form name='adminForm' method="post">
<input type="radio" name="type" value="all">
浏览 2提问于2014-05-11得票数 4
回答已采纳
1回答
在select2中，我有AJAX加载的标记，如果在db中找不到标记，那么用户可以选择创建一个新的标记。问题是，在select2框中，新标记是作为一个术语列出的，而不是作为id列出的(如果用户想要更新，那么选择想要的内容--尤其是当再次加载标记时会出现问题，因为只有该项而不是id存储在db中)。，在成功添加该术语后，如何使select2接收到ID并提交ID而不是标记名称/术语？
$(document).ready(function() {
var lastResults = [];
$("#project_tags").select2({
multiple: true,
浏览 2提问于2014-08-05得票数 2
回答已采纳
我的工作是在JQuery，ajax上构建大型单页应用程序。
发现，不正确销毁select2会导致内存泄漏。
因此，每次在ajax回调中调用节点上的html()时，我们都必须找到并销毁绑定到该节点的子节点的select2。
目前我们是这样做的，
function unbindSelect2(parentNode) {
if( parentNode.length ){
parentNode.find(".select2-hidden-accessible").select2('destroy');
}
}
function callback1(da
浏览 0提问于2016-11-21得票数 0
在表单的select元素中使用Ajax 4.0时，那些打算在Select2模式下动态填充的元素在IE9中不起作用。它显示一个没有占位符的空select。
处于经典模式(预先填充的选择列表)的是显示和工作(select2 search..)正确无误。
在其他页面中使用旧版本3.5.2时，问题不会发生...！
这是一个已知的问题吗？可修复的？
Thx
下面是JS：
$(".select2Ajax").not(".select2-container").each(function(){
var min = $(this).data('min&#
浏览 0提问于2015-04-08得票数 1
我正在尝试自定义select2，并且当找不到项目时，我正在重写createSearchChoice以返回对象。
然后是.on('select2-selecting',，我将接受新创建的选项，并将其转换为“真实的”对象(持久化到服务器)。但是，现在创建的“临时”选项与对象不匹配，因此select2仍然将搜索词显示为选项，因为我创建了一个新的和不同的对象，并将搜索选项作为临时实体处理。
如何阻止select2从结果中追加任何先前创建的搜索选项？(理想情况下，我希望将select2从“知道”之前创建的搜索选项中清除掉)
浏览 3提问于2014-12-17得票数 1
回答已采纳
我通过以下方法初始化了一个select2：
$('#bookingResource').select2({
placeholder: "Select Resource",
minimumInputLength: 0,
multiple: true,
allowClear: true,
data: function() {
return {results: sections };
}
});
节是一个具有id和text键的对象，这些键由select2使用。
我需要仅使用来自另一个对象的ID预选一个值。
浏览 5提问于2014-09-07得票数 0
回答已采纳
2回答
许多天来，我一直在寻找这个错误的答案。我尝试了许多选择，但都没有效果。
我需要选择多个值。当我选择多个值时，我的代码挂起，但是当我使用单个select时，它在self.$emit('input', this.value)中工作得很好。我需要的是选择多个值。
Select2.vue
<template>
<select multiple class="input-sm" :name="name">
<slot></slot>
</select>
</t
浏览 6提问于2017-05-12得票数 5
回答已采纳
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
回答已采纳
2回答
我试图循环到一个数据数组中，而且我还有其他文件可以根据第一个选择选项进行选择。
但是，当我更改一个儿童，所有其他选择文件重新设置为默认的空。
下面是im使用的代码：
模板:
<div class="row col-12" v-for="(ROW,rindex) in PARENT_ROWS" :key="rindex">
<div class="form-group col-md-2 ">
<label for="">CARS</label>
浏览 1提问于2021-03-18得票数 0
回答已采纳
1回答
我正在与jQuery 在WordPress中工作。
我有这样一个HTML表。
我需要这里，如果用户点击Bob SMith and admin，它将转换为一个多选择的select2下拉列表。
但是当我点击它的时候，它看起来像下面
如果我再点击一次，下拉列表看起来是这样的。
当我单击任何值时，它如下所示
我的jQuery代码如下所示
(function($) {
var states = [];
$(document).ready(function() {
$(".volunteer").on("click
浏览 9提问于2021-12-20得票数 0
回答已采纳
4回答
我在我的一个字段中使用Select2。数据可以完美地插入到数据库中。但是当我想要编辑表单时，我需要从数据库中获取数据。我可以获取数据，但我不知道在编辑表单时如何在Select2中显示值。这是我在数据库中插入数据时的代码。表名为"requests“，存储数组的列为"crimes_section”。 <div class="form-group">
<label>Crime Section / جرم</label>
<select class="crimeSections form-contro
浏览 23提问于2019-12-24得票数 0
回答已采纳
我有一个配置表单，其中包含几个使用select2的多选标记。使用$('#selectitem').select2('data');时，选定的选项显示正确，但在提交表单时，只传递第一个选定的项目。
代码片段(这是一个带有UiKit3的jinja2模板，一个Flask应用程序)：
<form action="" method="post">
...
{% if param['param_type'] == 'list' %}
浏览 9提问于2019-03-26得票数 0
代码如下： let stringSubject = BehaviorSubject<String?>(value: nil).share()
let intSubject = BehaviorSubject<Int?>(value: nil)
let intObservable = intSubject.compactMap { $0 }
let resultingSequence = intObservable
.take(1)
.withLatestFrom(stringSubject) { ($0, $1) }
.filter { $
浏览 23提问于2021-06-22得票数 0
回答已采纳
我使用的是使用MVC 5和C#的C#。
在加载模型的初始数据的下拉列表(select2)时，我遇到了问题。
在相应的绑定字段中传递的项值正确，但它们没有在select2中显示！
我的意思是，尽管控制器正确地评估了ViewModel字段的列表，但下拉列表(select2)的值并不正确，就好像绑定模型没有工作一样。
不用说，我在谷歌上搜索了1.5天。
幸运的是(：)在加载所有项目的select2时，我没有问题，即使在帖子上，下拉列表也能正确工作，甚至可以选择所选的项目。
感谢大家
P.s:既然我在写作，我就有疑问了；难道select2不适用于List吗？
视图
@section scripts{
浏览 2提问于2020-01-22得票数 0
1回答
我对select2有个问题。我已经选择了值，但当我重新加载页面时，它不会出现在输入中。我认为问题在于作用域的生命周期。
我的代码如下：
<select style="width:100%"
class="configServices"
ng-options="service.service_code as service.service_name group by service.parent for service in services"
multiple="true"
ng-m
浏览 2提问于2015-07-09得票数 0
我现在在一个拍卖网站上工作。我有一个表单，如果用户进行了一个新的出价，新的出价将通过ajax发布到一个php文件中以更新数据库，然后返回到html中作为新的最高出价输出。
var aucid = "<?php echo $auctionID; ?>";
$.ajax({
url: "JqueryPHP/Price.php",
method: "POST",
data: {'auctionid': aucid },
success: function (result) {
$
浏览 0提问于2018-08-29得票数 2
回答已采纳
我有4个类名为select2的select标记。如果没有选择任何选项，或者边框的值等于空或0，我希望边框变为红色。我曾尝试使用jquery添加类，但它使所有select.select2边框都变成了红色。
风格
<style>
.errorType {
border-color: #F00 !important;
}
</style>
HTML
<select name="category" class="form-control select2" id="category" onCha
浏览 5提问于2016-04-30得票数 0
我有一个从Ajax数组填充的select2 v4.0.0。如果我设置了select2的val，我可以通过javascript调试看到它选择了正确的项(在我的例子中是#3)，但是这没有显示在选择框中，它仍然显示占位符。
而我应该看到的是这样的东西：
在我的表单字段中：
<input name="creditor_id" type="hidden" value="3">
<div class="form-group minimal form-gap-after">
<span clas
浏览 92提问于2015-05-19得票数 104
回答已采纳
我试图将选定的值从一个select2组件复制到另一个禁用的组件中。我能够从两个隐藏的selects (select2实际上隐藏常规选择并创建一个新的html结构)传递值，但是我无法将文本复制到span中。我有一个例子说明了我的问题：。
这是将值从select2组件复制到另一个组件的正确方法吗？有内置的方法吗？
这是我的密码：
$("#originSelect, #targetSelect").select2({
allowClear: true,
minimumInputLength: 1
});
if ($('#originSelect').
浏览 3提问于2015-01-30得票数 0
回答已采纳
我创建了模式(CollectionTest)字段，如下所示。
year: {
type: String,
label: "Year",
autoform:{
type:'select2',
options:function () {
return[{label:"2013",value:3102},{label:"2014",value:4102},{label:"2015",value
浏览 2提问于2017-04-20得票数 0
回答已采纳
我刚刚做了一个小程序，用python中的tkinter绘制了一些图。我正在尝试让应用程序创建png文件，而不是与之前的文件重叠。因此，如果它存在，将其重命名为~ (1).png之类的东西。 但当我运行os.path.isfile或os.path.exists时，应用程序就会冻结。就像，没完没了的沙漏转动然后说没有反应，你知道的。 这就是我绑定到按钮上的函数。 def get_information_S():
global nation_list, checked_list, output, year_menu, auto_flag, df
year = year_menu.g
浏览 19提问于2021-11-18得票数 0
回答已采纳
我有一个React组件，它有多个<select> (not )元素。只有一个<select>是基于其中一个道具呈现的：
class SelectGroup extends Component {
...
render () {
let activeSelect
switch (this.props.foo) {
case 'select1':
activeSelect = <select id="select1">
<option value=&
浏览 8提问于2022-11-17得票数 0
回答已采纳
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
回答已采纳
我正在使用select2渲染。我在用更新的版本。我尝试使用initSelection设置初始值，它工作得很好。但是，当我试图添加另一个值时，它会将预选值更改为ID，该ID是通过initSelection设置的。
<?php
$initScript = <<< SCRIPT
function (element, callback) {
var id = \$(element).val();
if (id !== "") {
var url = "{$url}";
\$.ajax(url.replace('i
浏览 2提问于2016-06-06得票数 0
回答已采纳
每次恢复时，我的TensorFlow模型都会返回不同的权重，即使我不再训练模型，并且检查指向的模型文件也不会改变。这是有问题的，因为我用相同的硬编码输入得到了随机和不可靠的预测。
下面是我的代码的简化版本，它只是返回所有权重的总和。每次运行脚本时，和都会发生变化，表明权重正在变化。
import tensorflow as tf
import numpy as np
def weight_variable(shape):
initial = tf.truncated_normal(shape, stddev=0.1)
return tf.Variable(initial)
浏览 1提问于2016-09-12得票数 1
回答已采纳
我总是从以前的值中获得值，而不是从select2中获得选定的值。
这是我的代码：
$('.itemclass').on("select2:selecting", function (e) {
alert($('.itemclass').select2().val());
});
下面是选择的内容(我使用了select2)。我的最后一个选择是'ADDUAT_AE‘，我选择的新项目是'AMCAT_0807’。
但问题是，我总是得到前面选定的项目。
HTML代码：
<div class="inp
浏览 1提问于2019-11-13得票数 0
回答已采纳
我在Apex上使用插件Select2。
我有这样的情景：
我有三张桌子:房间，MASTER_STUDENT和MAP_STUDENT_ROOM
一个房间可以有很多学生
创建房间时，用户可以选择多个学生(使用Select2从MASTER_STUDENT)
当用户编辑房间时，先前选择的学生在Select2项目中显示(由MAP_STUDENT_ROOM选择的项)，这样用户就可以删除或添加更多的学生
如何实现第4点，项目Select2的值列表是MASTER_STUDENT，但默认情况下由MAP_STUDENT_ROOM选择？
我找到了这个，但我不知道如何应用它。
浏览 2提问于2020-04-28得票数 0
回答已采纳
List<Car> oUpdateCar = new List<Car>();
oUpdateCar.Add(new Car());
oUpdateCar[0].name = "Color";
oUpdateCar[0].value = "red";
oUpdateCar.Add(new Car());
oUpdateCar[1].name = "Speed";
oUpdateCar[1].value = &
浏览 2提问于2010-04-19得票数 3
回答已采纳
在这里Select2.vue comp来源：
在这里ItemDetail.vue页面来源：
我在VueJS中使用VueJS，它是基于VueJS文档和其他资源创建的。一切看起来都很好。但是，有时tag或selected没有选择正确，调试后我发现它有时是undefined、[]或''(空)。
我高度怀疑这是因为异步。这里，我想要存档:我想显示所有单位，支持一个项目。
AJAX: api单元AJAX: api用于获取项的详细信息。数据项，包括支持此项的当前单元。基于item.units和units加载select2单元。有时是好的，但有时不是。
以下是我所做的一些解释
// Call
浏览 1提问于2020-01-18得票数 0
2回答
我有一个如下所示的select2列表框：
第一个值是空的，它工作得很好，但是框看起来不够高。
我执行以下调用来创建它：
$elem.select2({minimumResultsForSearch: 10, placeholder: undefined, width: 'resolve'});
这是调用select2之前的超文本标记语言：
<select class="select required" id="user_transaction_company_user_id" name="user_transaction[
浏览 3提问于2013-01-02得票数 1
由于在DOM上创建/删除许多<option>标记成本很高，所以我在Select2 4.0中寻找一种使用大型本地JSON和无限滚动的方法。我还希望能够正确地获取/设置/更新值。有 (我提供了一个泥泞的解决方案)，但是我的解决方案有两个问题：
我可以清除单个源select中未选中的选项，并且Select2控件不会中断。这使不必要的选项无法在源select中生成(因为我使用本地JSON数组来处理数据)。但是，如果我尝试对多个选择执行相同的操作，这将破坏Select2中的功能。请参阅jsFiddle示例中的本节：
如果(！this.$element.prop(‘multiple’)){
浏览 3提问于2015-11-10得票数 1
回答已采纳
2回答
我有一个Knockout.js web应用程序，其中有一个select2下拉列表。我希望将id和text值绑定到变量，而不是仅仅绑定id。这是我的数据：
var cars = [{id: 1, name: 'Honda'}, {id: 2, name: 'Toyota'}, {id: 3, name: 'Dodge'}];
var selectedCar = ko.observable();
这是我的html：
<select data-bind="value: selectedCar, optionsCaption: 'S
浏览 1提问于2018-09-18得票数 1
回答已采纳
3回答
如果我在实例化对象时使用对象初始化器，那么对象构造函数是否有权访问已初始化属性？
public class ExampleClass {
public string proptery1 { get; set; }
public string property2 { get; set; }
public ExampleClass() {
if(!string.IsNullOrEmpty(property1)) {
...
}
}
}
ExampleClass exampleClass = new Exa
浏览 4提问于2012-08-01得票数 0
回答已采纳
我是.net的新手，有一种奇怪的迁移工作。
由于某些情况，我将更改类中两个方法的功能，并将构建和创建dll。如果我用新的dll替换旧的dll，应用程序会工作吗?它会反映服务器中的新功能吗？
我将使用相同的文件名、类名和方法。
在替换dll时，我必须考虑哪些事项？是否可以直接替换dll？
浏览 3提问于2014-09-04得票数 1
我有一个jQuery函数，它根据对select1所做的事情来处理select2。为什么当<select>在几个div内时，以下脚本不起作用？
HTML：
<div id="old_div">
<div class="form-group col-md-4">
<label class="col-sm-3 control-label">Cargo</label>
<div class="col-sm-7">
浏览 0提问于2016-02-04得票数 0
2回答
使用select2设置3个依赖下拉框的样式会给我的项目带来很多麻烦。
用法:有3个下拉列表: A、B和C。C可以单独选择，A必须有非默认值B，反之亦然。没有select2很容易做到这一点，但是使用.select2("val"而不是带有标准下拉框的普通.val(会导致问题，即通过重置下拉框，即使实际值没有变化，它也会导致“更改”-event。
小提琴：
这可能是一个解决方案，但它很优雅吗？
浏览 2提问于2015-04-03得票数 1
如何在select2中设置值。我尝试过许多方法，但我无法让它工作，我能够在select2中实现ajax搜索。但是当我设置数据时，它就不起作用了。
代码：
$('#pin_code').select2({
dropdownAutoWidth: true,
placeholder: 'Select an option',
width: 'resolve',
delay: 250,
minimumInputLength: 4,
minimumResultsForSearch: 10,
ajax:
浏览 2提问于2021-06-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
