标签: jquery-select2

大家好我用Jquery-Select2绑定我的下拉列表.它工作正常,但现在我需要使用Jquery-Select2绑定我的多值selectBox.

我的DropDwon

    <div class="divright">
                        <select id="drp_Books_Ill_Illustrations" 
                            class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations"
                            multiple="">
                            <option value=" ">No illustrations</option>
                            <option value="a">Illustrations</option>
                            <option value="b">Maps</option>
                            <option value="c">Portraits</option>


                        </select>
                    </div>

从这个链接 http://ivaynberg.github.com/select2/ 我正在使用多重价值选择框,我可以绑定我的dropdwon

   $("dropdownid").Select2()

它工作正常,但现在我需要将所选值添加到我的编辑模式下拉菜单中所以我使用此示例

 $(".Books_Illustrations").select2("val", ["a", "c"]);

它的工作,但我如何修复我的选择,因为用户可以选择任何东西所以我不能写一个,静态的,这就是为什么我需要动态地在编辑模式上绑定我的选定值.

我想现在你们都明白了我的要求.如果您需要进一步的许可,请告诉我.

我正在尝试使用梦幻般的Select2库以编程方式清除下拉列表.使用Select2 query选项通过远程ajax调用动态填充下拉列表.

HTML:

<input id="remote" type="hidden" data-placeholder="Choose Something" />

使用Javascript:

        var $remote = $('#remote');

        $remote.select2({
            allowClear: true,
            minimumInputLength: 2,
            query: function(options){
                $.ajax({
                    dataType: 'json',
                    url: myURL + options.term,
                    error: function(jqXHR, textStatus, errorThrown){
                        smoke.alert(textStatus + ": server returned error on parsing arguments starting with " + options.term);
                    },
                    success: function(data, textStatus, jqXHR){
                        var results = [];
                        for(var i = 0; i < data.length; ++i){
                            results.push({id: data[i].id, text: data[i].name});
                        }

                        options.callback({results: results, more: false});
                    }
                });
            }
        });

不幸的是,调用 …

我试图让select2框在页面加载时出现在焦点状态.我尝试过以下方法:

$('#id').select2('focus');
$('#id').trigger('click');
$('#id').trigger('focus');

只有第一行似乎有任何效果,它确实关注select2字段,但它需要一个额外的按键来显示搜索字段,并允许键入搜索字符串.

因此,如果您加载页面并开始键入:"搜索","S"将打开搜索框,然后其余的键将输入其中,因此您将搜索"earch"

我正在使用Select2 Jquery绑定我的下拉列表,用于多个选择.我正在使用select2 jquery.

它工作正常,我可以绑定我的下拉列表但我需要从我的多值选择器中获取所选值.我正在寻找获取select2 Jquery支持的值的方法.它可能是一个函数获得选定的值.
我的下拉绑定代码

$(".leaderMultiSelctdropdown").select2( {
    maximumSelectionSize: 4
});

我正在使用Select2 3.3.2

我在选择中有很长的选择.例:

<select id="e1">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
<option value="WY">very long long long text</option>
<option value="WY">very long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long text</option>
</select>

目的是避免在下拉列表打开时包装选项.

我想在打开时为下拉列表设置长宽度(例如 - 800px,甚至自动评估宽度). …

假设我们有一个简单的select2列表:

<select id="e1">
  <option value="AL">Alabama</option>
    ...
  <option value="WY">Wyoming</option>
</select>

发起如:

$("#e1").select2();

如何删除select2并将其恢复为常规下拉列表？我在文档中找不到任何示例或条目.

就像是:

$("#e1").select2('remove'); 

会好的.

我有一个使用AJAX填充的jQuery Select2控件:

<input type="text" name="select2" id="select2" style='width:400px' value="999">

var initialSelection = { id: '999', text:"Some initial option"};

$("#select2").select2({
    placeholder: "Select Option",
    minimumInputLength: 2,
    ajax: { 
        url: "/servletToGetMyData",
        dataType: 'json',
        data: function (term, page) { return { term: term }; },
        results: function (data, page) {  return { results: data.results} }
    },
    initSelection : function(element, callback){ callback(initialSelection); },     
    escapeMarkup: function (m) { return m; }
}); 

AJAX链接到可能选项的数据库,您可以看到需要两个输入字符.

问题是如果数据库中不存在该选项,则用户可以使用对话框添加新选项.从该对话框返回后,我尝试:

var o = $("<option/>", {value: newID, text: newText});
$('#select2').append(o);
$('#select2 option[value="' + newID …

所以我已经下载了select2我已经"安装它"将它放入我的文件夹,然后当我检查控制台(我可以看到所有正在加载的脚本)时将其加载到我的网站上我可以看到文件select2.js

我去了他们的文档并将其复制并添加 $("#e9").select2();

但是,当我加载页面时,我收到以下错误:

TypeError: $(...).select2 is not a function


$("#e9").select2();

有没有其他人体验这样的事情？

这里的其他信息是我的脚本:

    jQuery(document).ready(function(){
    var max_amount = parseFloat($('#max_amount').val());
    $( "#item_amount" ).keyup(function() {
           if($(this).val() > max_amount){
            $(this).val( max_amount);
        }
        if( /\D/.test($(this).val()) ){
            alert('Må kun indeholde tal!');
            $(this).val('');
        }
        if($(this).val()== '0'){
            alert('Må ikke være 0!');
            $(this).val('');
        }
    });
    $("#e1").select2();

});
function addToBasket(){
    var amount = $('#item_amount').val();
    if(amount == ""){
        amount = 1;
    }

    if(amount > 0){
    $.ajax({
        type: 'POST',
        url: myBaseUrl + 'Products/addItemToBasket',
        dataType: 'json',
        data: {
            id: window.location.pathname.substring(window.location.pathname.lastIndexOf('/') + 1),
            amount: …

我试图在我的网站中使用Select2库来利用placecomplete(遵循这里相当简单的配置步骤),但是当我运行代码时,我得到一个奇怪的错误 -

错误:没有select2/compat/query`

我试过谷歌搜索它,似乎没有其他人遇到过这个？

我的代码简而言之,是

加载文件...

<link href="scripts/Select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="scripts/Select2/dist/js/select2.min.js"></script>
<script src="scripts/jquery.placecomplete.js">//<![CDATA[//]]></script>

标记我体内的输入元素......

<input id="example123" class="example123" type="text" />

在我的document.ready函数中,调用以下代码...

$('#example123').placecomplete({});

这就是它抛出错误的地方.

我出错的任何想法,这个错误意味着什么？

要获得select2我正在使用的所选值:

var x = $("#select").select2('data');
var select_choice = x.text

问题是,如果没有选择值,则抛出错误,我想知道是否有任何方法使其返回占位符,如果没有选择选项