TOGOUTECH

javascript - 如何将按钮放入 select2 结果项并处理其点击?

我试图在select2结果项中放置一个按钮(以允许用户删除项)。我设法放置了按钮,但我还没有设法处理它们的点击事件。不知何故,事件没有被引发。我认为这类似于select2在我的按钮的点击事件引发之前关闭下拉菜单,但无法弄清楚如何让它工作。这是我现在拥有的片段。...formatResult:function(item){returnitem.text+"<buttonclass='btnbtn-xsbtn-defaultpull-rightselect2-result-button'data-id='"+item.id+"'

javascript - 使用 Select2 插件标记 Twitter 和 Facebook

我使用以下代码来简单地搜索friend并将其标记到文本字段中,然后将其传递给AjaxPost。正如你从我的图像中看到的那样,我只能让用户一个接一个地标记friend。我不想限制用户只输入friend的名字进行标记,而是想模拟Facebook和Twitter并允许用户输入状态更新,然后当他们输入“@”时,调用select2进行ajax调用以搜索friend。这是我当前的代码:$("#tag_friends").select2({formatResult:peopleFormatResult,formatSelection:peopleFormatSelection,tag

javascript - Knockout + Select2——设置默认值?

TL;DR:我需要为select2字段上的显示设置一个默认值,通过knockout绑定(bind),但select2绑定(bind)一直将我的viewmodel值覆盖为“”,而不是接受该值。成分我正在使用以下内容:KnockoutJS在输入字段上选择2自定义knockout绑定(bind)到select2在我的View模型上加载对象(发票)作为Start()方法的一部分的ajax调用。目标加载我的值作为初始View模型的Start()函数的一部分在加载发票时将select2默认值绑定(bind)到我的VM的值。允许用户选择其他选项由于我们降低select2值的方式,默认值也将包含在se

javascript - 如何在 webpack 中使用 select2?

我通过以下方式下载了select2作为节点模块:npminstallselect2并将其包含在我的app.js中:require('select2')($);当我运行webpack时没有错误,但是当我打开应用程序时我得到:UncaughtTypeError:Object.definePropertycalledonnon-object(…)来自select2.js:S2.define('select2/core',['jquery','./options','./utils','./keys'

javascript - 为什么 select2-removing 事件不会在带有 allowClear 的 select2 中触发?

我想在我的select2中Hook一个事件一旦它被清除。select2使用allowClear:true初始化。然而事件$select.on('select2-removed',function(event){console.log(event);});使用清除按钮重置select2时不会触发。 最佳答案 select2v4.0.3$('#smartsearch').on('select2:unselecting',function(e){alert('Youclickedon

javascript - select2 不显示向下箭头图标

我的select2工作正常,我只有1个小错误,选择框中的向下箭头图标没有显示,你们知道为什么吗?这让用户有点困惑我试着找到这个错误,但我无法修复错误,你们能帮帮我吗?代码在这里不起作用,但它在jsfiddle链接中起作用。jsfiddle:http://jsfiddle.net/yszv1ob2/$("#e1").select2();<linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

javascript - 在 select2 中获取所选选项的值,然后使用 jquery 将该值设置为输入文本?

我是jquery和javascript的新手,所以这可能是一个愚蠢的问题,但我在将从select2中的选定选项获取的值设置为文本输入时遇到问题。这是我的代码:<head><!--stylesheets--><linkrel="stylesheet"href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"><linkrel="stylesheet"href="https://cdnjs.cloudf

javascript - 如何为搜索输入制作 select2 占位符

如何为select2jQuery插件制作占位符。在StackOverflow上有很多关于如何在那里制作占位符的答案,但它们都是关于元素的占位符的。我需要为搜索框指定一个占位符,见图。 最佳答案 我有同样的需求,我最终为Select2插件编写了一个小扩展。插件有一个新选项,searchInputPlaceholder,用于为“搜索”输入字段设置占位符。在插件的js文件后面添加如下代码:(function($){varDefaults=$.fn.select2.amd.require('select2/defaults'

javascript - 将多个 Select2 链接在一起

尝试使用select2插件创建两个链接的自动填充选择字段第一个选择包含国家名称(静态选择),第二个显示从第一个选择中选择的国家/地区的状态,我的代码是<selectid="country"name="country"size="1"class="form-control"><option></option><optionvalue="1">USA</option><optionvalue="2">UntiedKingdo

javascript - 将 Select2 选择绑定(bind)到 Vue js 模型数据

我正在使用select2来增强html选择元素。我想将select元素的值绑定(bind)到Vue变量,但是Select2似乎阻止了这一点。在保留Select2行为的同时实现此数据绑定(bind)和事件监听的最佳方法是什么。我想这是将select2事件链接到Vue实例的情况。我做了afiddle演示问题(不在下面运行但在jsfiddle上运行):$('#things').select2();newVue({el:"#vue-example",data:{thing:null,thing2:null},methods:{log:function(str){