O código JS que implementa a função de filtragem de entrada de seleção do componente selecionado é o seguinte:
/*** A peça entre // ****** mostra o código da função adicionado no código que não seleciona a função de filtragem de entrada ** // ***@Description Este plug-in permite fazer uma caixa selecionada como uma caixa de texto, mantendo seus recursos de seleção @-option*@Description NenhumaHesHeets ou imagens são necessárias para executar o plugin ** @version 0.10.1*. 3.0 não portada (CC BY-NC 3.0)* @license para uso em geral, entre em contato comigo: martin.mende (at) aristech.de** @Requiss jQuery 1.9+** @class editablesElect* @memberf jQuery.fn ** @Exemplo* adicionado ");*/(função ($) {$ .fn.editablesElect = function () {var instancevar; // this.each () refere-se à travessia do objeto atual. selectif (OriginAlalSelect [0] .TagName.TOUPPERCASE () === "SELECT") {// Enrole o original Selecionar insere a caixa <div> </div> na periferia <select> original (Original) ("<) (" <div/>); "Inline-Block"}); // Coloque uma entrada que representará a caixa de entrada Select // adicione a caixa de entrada de entrada no menu de seleção <título alternativo de entrada ..... Value = ""> var inputSelect = $ ("<input/>"). InsertBefore (OriginalSelect); // Remover e remover o idVar original OBJid = ORGELSECT.ATBE (OriginalSelect); OriginSelect.RemoVeattr ("ID"); // Adicione os atributos do original Select // Defina vários atributos da caixa de entrada de entrada InputElect.attr ({alt: OriginAlateSelect.attr ("alt"), title: title (OriginSelect.attr ("Title"), classe: DIMET.ATTR ("Class)," NameSelect.attr ("Title"), Classe: DiSeLet.AtTr ("Class"), NameSelect.attr ("Title"), Class: OriginSelect.attr ("desativado"), Tabindex: OriginSelect.attr ("tabindex"), id: objid}); // Obtenha as propriedades CSS editáveis da seleção de correção. OriginSelect.css ("FontFamily"), FontSize: OriginAlateSelect.css ("FontSize"), Antecedentes: OriginAlateSelect.css ("Background"), PaddingRight: RightPadding}); inputSelect.val (OriginSelect.val ()); // Add the Triangle. $ ("<div/>"). CSS ({altura: 0, largura: 0, fronteira: "5px transparente sólido", borda: "5px transparente sólido", bordertop: "7px Solid #999", Posição: "relativa", top:-(inputselect.Height ()/2) -5 ", esquerda:-Emputsel: em (inputselect.Height ()/2) -5", esquerda: "em top:-(inputselect.Height ()/2) -5", esquerda: lantel: em letter: em (inputselect. "-7px", ponteente: "nenhum"}). Insertafter (inputSelect); // Crie a lista selecionável que aparecerá quando a entrada obtiver foco // Ao se concentrar, adicione o <ol> <ol /> caixa suspensa varsyList = $ ("<Ol/>"). CSS ({Display: "Nenhum", listylestypey: " inputSelect.outerwidth ()-2, preenchimento: 0, margem: 0, borda: "sólido 1px #ccc", fontfamily: inputSelect.css ("fontFamily"), fontSize: inputSelect.css (fontsize "), background:" #fff ", posicionar:" position: "" FontSize "), Background:" #fff ",, posicionar:" Positter: "" FontSize "), Background:" #FFF ", 1000000}). Insertafter (Triângulo); // Adicione opções // armazenar todos os dados na caixa suspensa atual na variável Resourcedata // ****** var Resourcedata = []; OriginSelect.Children (). Cada (função (índice, value) {prepararoption ($ (valor) .text (),). wrapper); Resourcedata.push ($ (valor) .Text ());}); // ******/Ligue o manipulador de foco // Quando o mouse é focado, Fadein (100), ou seja, o inspurido da caixa suspensa inspira a caixa suspensa. Se o conteúdo de entrada não estiver vazio, os dados com os caracteres em V serão encontrados em todos os dados armazenados na caixa suspensa original e pressionados na variável newResourcedata // ******* var v = inputSelect.val (); var newResourcedata = []; if (v! -1) newResourcedata.push (t);});} wrapper.Children ("ol"). Empty (); }). KeyUp (function (e) {if (e.which == 13) inputSelect.Trigger ("Blur"); // Eventos executados quando a tecla Enter Shortcut é pressionada // ******* var V = inputSelect.val (); var newResourcedata = []; se (v! = "") t) {if (t.indexOf (v)! = -1) newResourcedata.push (t);});} wrapper.children ("ol"). empty (); $. cada (newResourcedata, function (i, t) {prepararoption (t, t/wrapper);}); ElementorigNalalSelect.css ({visibilidade: "Hidden", Display: "None"}); // Salvar esta instância para retornar ItInstanceVar = InputSelect} else {// não é um seleCreturn false;}}); // - end cada/** Public Methods ** // **l - Adicione um ABTILIVADOR para THE THE EDELTELHET*; {void}*/instanceVar.adDoption = function (value) {prepareption (value, instancevar.parent ()); };/*** Remove uma opção específica da seleção editável* @param {string, número} valor - o valor ou o índice para excluir* @returns {void}*/instância "Número": InstanceVar.Parent (). Children ("OL"). Crianças (": Nth ("+Value+")"). Remover (); quebrar; case "string": instanceVar.parent (). Children ("OL"). Children (). Cada (função (índice, optionValue) {if ($ (opcptionVerue) .Text () == value) {$ (optionValue) .Remove ();}}); Break; Break;}}}; function () {var origeSelect = instanceVar.parent (). Children ("select"); var objid = instancevar.attr ("id"); instancevar.parent (). Antes (OriginSelect); Instância do OriginVar. objid});}; // Retornar a instância instanceVar;};/** Métodos privados ** //// A função de preparação é adicionar uma nova função de opção Prepareption (valor, wrapper) {var selectOption = $ ("<li>"+value "</li>). wrapper.children ("input"); selectOption.Css ({Padding: "3px", textalign: "esquerda", cursor: "pointer"}). }); // vinte clique neste optionselection.Click (function () {inputSelect.val (selectOption.Text ()); inputSelect.Trigger ("Alterar");}); }} (jQuery));