Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

giga

Pesquisa dinâmica em campo select

Recommended Posts

Olá pessoal,Gostaria de saber como posso fazer daquela pesquisa dinâmica que em um campo select, que posiciona o cursor conforme vou digitando uma palavra. Pois por default quando o campo select está ativo e digitamos alguma palavra, o cursor só faz a pesquisa pela primeira letra e não pela palavra digitada. Por exemplo:para localizar a option "gilberto", quando precionar a letra "g", o cursor será posicionado na primeira option começada com "g", mas quando digito a letra "i", ao invés do cursor posicionar na primeira option iniciada em "gi", ele posiciona na primeira option iniciada em "i", ou seja, ele só pesquisa pela primeira letra.Conto com a ajuda de todos.Valeu pessoALL.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá! Há muito tempo atrás encontrei esse script na net, funciona muito bem mas eu já melhorei bastante ele, de qualquer forma vai o original:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script LANGUAGE="JavaScript"> <!-- Original: Anand Raman (anand_raman@poboxes.com) --> <!-- Web Site: http://www.angelfire.com/ar/diduknow --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function SelObj(formname,selname,textname,str) { this.formname = formname; this.selname = selname; this.textname = textname; this.select_str = str || ''; this.selectArr = new Array(); this.initialize = initialize; this.bldInitial = bldInitial; this.bldUpdate = bldUpdate; } function initialize() { if (this.select_str =='') { for(var i=0;i<document.forms[this.formname][this.selname].options.length;i++) { this.selectArr[i] = document.forms[this.formname][this.selname].options[i]; this.select_str += document.forms[this.formname][this.selname].options[i].value+":"+ document.forms[this.formname][this.selname].options[i].text+","; } } else { var tempArr = this.select_str.split(','); for(var i=0;i<tempArr.length;i++) { var prop = tempArr[i].split(':'); this.selectArr[i] = new Option(prop[1],prop[0]); } } return; } function bldInitial() { this.initialize(); for(var i=0;i<this.selectArr.length;i++) document.forms[this.formname][this.selname].options[i] = this.selectArr[i]; document.forms[this.formname][this.selname].options.length = this.selectArr.length; return; } function bldUpdate() { var str = document.forms[this.formname][this.textname].value.replace('^\\s*',''); if(str == '') {this.bldInitial();return;} this.initialize(); var j = 0; pattern1 = new RegExp("^"+str,"i"); for(var i=0;i<this.selectArr.length;i++) if(pattern1.test(this.selectArr[i].text)) document.forms[this.formname][this.selname].options[j++] = this.selectArr[i]; document.forms[this.formname][this.selname].options.length = j; if(j==1){ document.forms[this.formname][this.selname].options[0].selected = true; //document.forms[this.formname][this.textname].value = document.forms[this.formname][this.selname].options[0].text; } } function setUp() { obj1 = new SelObj('menuform','itemlist','entry'); // menuform is the name of the form you use // itemlist is the name of the select pulldown menu you use // entry is the name of text box you use for typing in obj1.bldInitial(); } // End --> </script> </head><body OnLoad="javascript:setUp()"><center> <form name="menuform" onSubmit="javascript:window.location = document.menuform.itemlist.options[document.menuform.itemlist.selectedIndex].value;return false;"> <font face="arial, helvetica" size="-1">Please enter the first few letters of the item you are looking for.</font> <br><br> <input type="text" name="entry" size="30" onKeyUp="javascript:obj1.bldUpdate();"> <br> <select name="itemlist" size=5> <option value="page.html">ALL <option value="page.html">ALL CATALOG <option value="page.html">ALL CLUSTERS <option value="page.html">ALL CLUSTERS HASH EXPRESSIONS <option value="page.html">ALL COL COMMENTS <option value="page.html">ALL COL PRIVS <option value="page.html">ALL COL PRIVS MADE <option value="page.html">ALL COL PRIVS SENT <option value="page.html">ALL CONSTRAINTS <option value="page.html">ALL CONS COLUMNS <option value="page.html">ALL DB LINKS <option value="page.html">ALL DEF AUDIT <option value="page.html">ALL DEPENDENCIES <option value="page.html">ALL ERRORS <option value="page.html">ALL HISTOGRAMS <option value="page.html">ALL INDEXES <option value="page.html">ALL IND COLUMNS <option value="page.html">ALL JOBS <option value="page.html">ALL OBJECTS <option value="page.html">ALL REFRESH <option value="page.html">ALL REFRESH NOW <option value="page.html">ALL USERS <option value="page.html">ALL VIEWS <option value="page.html">AUDIT ACTIONS <option value="page.html">BOOKS <option value="page.html">CLIENTS <option value="page.html">CLOSED <option value="page.html">COLUMN PRIVILEGES <option value="page.html">DBA ANALYZE COST <option value="page.html">DBA FROM CLIENTS <option value="page.html">DBA FROM NEIGHBORS <option value="page.html">DBA PROFILES <option value="page.html">DBA REFRESH ALL <option value="page.html">DBA REFRESH PAGE <option value="page.html">DBA REPORT <option value="page.html">DBA RGROUP <option value="page.html">DBA ROLE <option value="page.html">DBA ROLE SUMMARY <option value="page.html">DBA ROLLBACK SEGS </select> </form> </center> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p></body></html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.