我在页面中有2个多重选择,并且我需要在保留搜索能力的同时将某些选项先移到第二位。修改后无法搜索多选择
的问题是,当我使用搜索输入,它的选择还原到其原来的选项...
这里是jQuery的搜索功能:
jQuery.fn.filterByText = function(textbox) {
return this.each(function() {
var select = this;
var options = [];
$(select).find('option').each(function() {
options.push({value: $(this).val(), text: $(this).text()});
});
$(select).data('options', options);
$(textbox).bind('change keyup', function() {
var options = $(select).empty().data('options');
var search = $.trim($(this).val());
var regex = new RegExp(search,"gi");
$.each(options, function(i) {
var option = options[i];
if(option.text.match(regex) !== null) {
$(select).append(
$('<option>').text(option.text).val(option.value)
);
}
});
});
});
};
这里是JS提琴:http://jsfiddle.net/C2XXR/!
* 我认为,问题出在选择的变量,但对如何解决它*
由于不知道!
虽然有一个问题,用右边的选择框。所有选项叠加,而不是一次显示一个 –
欢迎。请不要忘记赏金。我在Stackoverflow的第一个赏金。谢谢 !! –
没问题,我无法立即给予赏金,但在24小时内,stackoverflow rules..Will你请帮助我与正确的选择框呢?左边的一个很棒!但是,正确的一个并没有:(谢谢! –