我尝试了很多东西,似乎没有任何工作.
我正在使用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)
任何熟悉选择并能够通过一个选项清除选择框的人?(将来会有更多选择.
我正在使用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) 我整个下午一直在和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的搜索结果".我的控制台没有错误.
所以有什么问题?插件不起作用吗?或者我做错了什么?
任何人都可以帮忙,这样我就不会浪费更多时间吗?:-)很想用这个.谢谢!
我是新来的
所以这就是问题所在:我正在尝试使用选择的插件(http://harvesthq.github.com/chosen/)和链接插件(http://www.appelsiini.net/projects/chained)作为我的选择框
但它效果不好.这里是与示例的链接
提前致谢