相关疑难解决方法(0)

如何使用jQuery重置jquery选择的select选项?

我尝试了很多东西,似乎没有任何工作.

我正在使用jQuery和Chosen插件.

方法我尝试过:

var select = jQuery('#autoship_option');

select.val(jQuery('options:first', select).val());

jQuery('#autoship_option').val('');

jQuery('#autoship_option').text('');

jQuery('#autoship_option').empty('');

jQuery("#autoship_option option[value='']").attr('selected', true);
Run Code Online (Sandbox Code Playgroud)

选择后,它始终显示Active Autoship选项.我似乎无法明确选择.

这是选择框:

<select id="autoship_option" data-placeholder="Choose Option..." 
style="width: 175px;" class="chzn-select">
    <option value=""></option>
    <option value="active">Active Autoship</option>
</select>
Run Code Online (Sandbox Code Playgroud)

任何熟悉选择并能够通过一个选项清除选择框的人?(将来会有更多选择.

jquery jquery-chosen

68
推荐指数
6
解决办法
16万
查看次数

Knockout JS和Chosen multiselect无效

我正在使用knockout js和所选的插件(https://github.com/harvesthq/chosen)来尝试做一个好看的多选.

我已尝试过各种方法,但无法使用多选项来处理我正在使用的数据.当我单击多选时,即使选项绑定包含正确的数据,也不会显示任何值.

HTML:

<select multiple="multiple" data-bind="options: allCustomers, 
selectedOptions: event().customers, optionsText: 'name', 
optionsValue: 'id', chosen: true " ></select>?
Run Code Online (Sandbox Code Playgroud)

视图模型的简化版本:

    function Event()
    {
        this.customers = ko.observableArray();
    };                     

    //for chosen plugin
    ko.bindingHandlers.chosen = {
        update: function(element, valueAccessor, allBindingsAccessor, viewModel)  {
            $(element).chosen();
        }
    }

    function ViewModel()
    {   
        this.event = ko.observable(new Event());
        this.allCustomers = ko.observableArray();
    };

    var viewModel = new ViewModel();

    $.getJSON("/get_json", function(data) 
    {                                  
        for (var c = 0; c < data.customers.length; c++)
        {
            viewModel.allCustomers.push(data.customers[c]);
        }   
    });

    ko.applyBindings(viewModel);   
Run Code Online (Sandbox Code Playgroud)

PHP:

function get_json()
{
    $eventData = …
Run Code Online (Sandbox Code Playgroud)

php jquery jquery-chosen knockout.js

6
推荐指数
1
解决办法
6104
查看次数

ajaxChosen插件无效

我整个下午一直在和ajaxChosen一起修修补补,因为我喜欢Chosen,但我的选择价值套装太大了.我也尝试过select2,但它太慢了.

http://harvesthq.github.io/chosen/ https://github.com/meltingice/ajax-chosen

所以,我已经选择了最新版本(1.1.0)和最新版本的ajaxChosen.我初始化ajaxChosen如下:

$("#add_people").ajaxChosen({
    type: 'GET',
    minTermLength: 3,
    afterTypeDelay: 300,
    dataType: 'json',
    url: 'http://cmcrm.chocolata.be/content/people.php?action=list_options'
  }, function (data) {
    var results = [];
    $.each(data, function (i, val) {
    results.push({ value: val.value, text: val.text });
  });
  return results;
});
Run Code Online (Sandbox Code Playgroud)

我的脚本可以访问此URL,并且由于我的脚本与远程URL位于同一域中,因此不会进行XSS预防.

我的JSON格式如下:

[{"value":3,"text":"Valerietje Mortelmans (Actief)"},{"value":9,"text":"Olivier Hopchet (Actief)"},{"value":13,"text":"Wieland Rits (Actief)"},{"value":14,"text":"Melissa Seiffert van der Merwede (Actief)"},{"value":15,"text":"Guillaume de Valensart (Actief)"},{"value":18,"text":"Xavier Cloet (Actief)"},{"value":19,"text":"Brent Lammens (Actief)"},{"value":21,"text":"Coralie Libert (Actief)"},{"value":22,"text":"Laetitia Theus (Actief)"},{"value":23,"text":"Evelien Mollet (Actief)"},{"value":24,"text":"Feya Smets (Actief)"},{"value":25,"text":"Michelle Warneke (Actief)"},{"value":26,"text":"Carolyn Spaenjaers (Actief)"},{"value":27,"text":"Evelien Raes (Actief)"},{"value":28,"text":"Ange Luyten (Actief)"}]
Run Code Online (Sandbox Code Playgroud)

我看到所选择的已经初始化但是当我开始输入时,我立即得到"没有KEYWORD的搜索结果".我的控制台没有错误.

所以有什么问题?插件不起作用吗?或者我做错了什么?


我在这里创建了一个jsfiddle http://jsfiddle.net/4796y/

任何人都可以帮忙,这样我就不会浪费更多时间吗?:-)很想用这个.谢谢!

jquery jquery-plugins jquery-chosen

3
推荐指数
1
解决办法
4587
查看次数

Jquery的Chosen插件带有Chained插件和选择框

我是新来的

所以这就是问题所在:我正在尝试使用选择的插件(http://harvesthq.github.com/chosen/)和链接插件(http://www.appelsiini.net/projects/chained)作为我的选择框

但它效果不好.这里是与示例的链接

http://jsfiddle.net/hgRGm/

提前致谢

jquery select chained jquery-chosen

1
推荐指数
1
解决办法
3754
查看次数