Ir para conteúdo
Fórum Script Brasil
  • 0

Select

Skywalker

Perguntado por Skywalker,

 Share

Pergunta

Skywalker

Skywalker

Postado
Postado

gente, é o seguinte ... acredito que todos pratiquem isso quando se deparam com um select com muitas opções (digitar as iniciais da opção desejada). Pois é esse o meu problema. Por exemplo um select com vários nomes de países, supondo que eu queira selecionar a opção Brasil. Quando se aperta a tecla "B" pula-se para a primeira opção com a letra B, mas ao ao digitar "R" pula-se para a primeira opção com a letra R.

Gostaria de saber como fazer com que a opção vá sendo refinada conforme eu vou digitando as letras, nesse exemplo seria ao apertar "br" pular para a opção Brasil.

Agradeço desde já !!!

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0
SliM ShadY

SliM ShadY

Postado
Postado

Olha cara, eu tenho um código que eu fiz aqui e em tese ele funciona, mas confesso que ainda é muito limitado.

Vou postar ai quem sabe o pessoal aqui do forum pode adicionar versão nova dele ou melhorar-lo.

Qualquer coisa posta ae!

falou... ph34r.gif

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
palavraAtual = "";
seg = 5; // tempo para desregistrar a palavra de busca em segundos
segAtual = seg;
function filtrar(lista, e){
    if(e){
  	if (e.keyCode)
    code = e.keyCode;
  	else if (e.which)
    code = e.which
  	c = String.fromCharCode(code);
  } else
    c = "";
    busca = setAndgetWord(c).toUpperCase();
  tamBusca = busca.length;
  tamLista = lista.length;
  segAtual = seg; // atualiza o tempo
  encontrou = false;
  for(i=0; i<tamLista; i++){
    opTextoAtual = lista.options[i].text.toUpperCase();
    if(busca == opTextoAtual.substr(0,tamBusca)){
      lista.selectedIndex = i;
      encontrou = true;
        break;
    }
  }// fim for
  if(!encontrou){
      cBack();
    filtrar(lista, false)
  }
}
function setAndgetWord(c){
  palavraAtual += c;
    return palavraAtual;
}
function cBack(){
    tam = palavraAtual.length;
  palavraAtual = palavraAtual.substring(0, tam-1);
}
function updateWord(){
    segAtual--;
    if(segAtual == 0){
      palavraAtual = "";
    segAtual = seg;
  }
}
setInterval("updateWord()", 1000);
</script>
</head>

<body>
<form name="form" onSubmit="javascript: return false;">
<select name="pais" onKeyUp="javascript:filtrar(this, event);">
<option value="ACORES" selected="selected">Açores</option>
<option value="AFEGANISTAO">Afeganistão</option>
<option value="AFRICA DO SUL">África do Sul</option>
<option value="ALASCA">Alasca</option>
<option value="ALBANIA">Albânia</option>
<option value="ALEMANHA">Alemanha</option>
<option value="ANDORRA">Andorra</option>
<option value="ANGOLA">Angola</option>
<option value="ANGUILA">Anguila</option>
<option value="ANTIGUA E BARBUDA">Antigua e Barbuda</option>
<option value="ANTILHAS HOLANDESAS">Antilhas Holandesas</option>
<option value="ARABIA SAUDITA">Arábia Saudita</option>
<option value="ARGELIA">Argélia</option>
<option value="ARGENTINA">Argentina</option>
<option value="ARMENIA REPUBLICA">Armênia</option>
<option value="ARUBA">Aruba</option>
<option value="ASCENSAO">Ascenção</option>
<option value="AUSTRALIA">Austrália</option>
<option value="TERRITORIOS EXT. AIA NA ANTARTIDA">Austrália - Territ. Externos</option>
<option value="AUSTRIA">Áustria</option>
<option value="AZERBAIJAO REPUBLICA">Azerbaijão</option>
<option value="BAHAMAS">Bahamas</option>
<option value="BAHRAIN">Bahrain</option>
<option value="BANGLADESH">Bangladesh</option>
<option value="BARBADOS">Barbados</option>
<option value="BELARUS REPUBLIC">Belarus</option>
<option value="BELGICA">Bélgica</option>
<option value="BELIZE">Belize</option>
<option value="BENIN">Benin</option>
<option value="BERMUDAS">Bermudas</option>
<option value="BIELO RUSSIA">Bielo Rússia</option>
<option value="UNIAO DE MYANMAR (BIRMANIA)">Birmânia</option>
<option value="BOLIVIA">Bolívia</option>
<option value="BOSNIA E HERZEGOVINA REPUBLICA">Bósnia e Herzegovina</option>
<option value="BOTSWANA">Botswana</option>
<option value="BRASIL">Brasil</option>
<option value="BRUNEI">Brunei</option>
<option value="BRUNEI DARUSSALAM">Brunei Darussalam</option>
<option value="BULGARIA">Bulgária</option>
<option value="BURKINA FASO">Burkina Faso</option>
<option value="BURUNDI">Burundi</option>
<option value="BHUTAN">Butão</option>
<option value="CABO VERDE">Cabo Verde</option>
<option value="CAMAROES">Camarões</option>
<option value="CAMBOJA">Camboja</option>
<option value="CANADA">Canadá</option>
<option value="CANARIAS">Canárias</option>
<option value="CAPE VERDE">Cabo Verde</option>
<option value="CAZAQUISTAO REPUBLICA">Cazaquistão</option>
<option value="SRI LANKA (CEILAO)">Ceilão</option>
<option value="CEUTA E MELILLA">Ceuta e Melilla</option>
<option value="CHADE">Chade</option>
<option value="CHILE">Chile</option>
<option value="CHINA">China</option>
<option value="CHIPRE">Chipre</option>
<option value="CINGAPURA">Cingapura</option>
<option value="CISKEI">Ciskei</option>
<option value="COLOMBIA">Colômbia</option>
<option value="CONGO">Congo</option>
<option value="COREIA DO NORTE">Coréia do Norte</option>
<option value="COREIA DO SUL">Coréia do Sul</option>
<option value="COSTA DO MARFIM">Costa do Marfim</option>
<option value="COSTA RICA">Costa Rica</option>
<option value="CROACIA">Croácia</option>
<option value="CUBA">Cuba</option>
<option value="DIEGO GARCIA">Diego Garcia</option>
<option value="DINAMARCA">Dinamarca</option>
<option value="DJIBOUTI">Djibouti</option>
<option value="DOMINICA">Dominica</option>
<option value="EGITO">Egito</option>
<option value="EL SALVADOR">El Salvador</option>
<option value="EMIRADOS ARABES UNIDOS">Emirados Árabes Unidos</option>
<option value="EQUADOR">Equador</option>
<option value="ERITREA">Eritréa</option>
<option value="ESLOVENIA">Eslovênia</option>
<option value="ESLOVAQUIA REPUBLICA">Eslováquia</option>
<option value="ESPANHA">Espanha</option>
<option value="ESTADOS UNIDOS">Estados Unidos</option>
<option value="ESTONIA REPUBLICA">Estônia</option>
<option value="ETIOPIA">Etiópia</option>
<option value="FILIPINAS">Filipinas</option>
<option value="FINLANDIA">Finlândia</option>
<option value="FORMOSA">Formosa</option>
<option value="FRANCA">França</option>
<option value="GABAO">Gabão</option>
<option value="GAMBIA">Gambia</option>
<option value="GANA">Gana</option>
<option value="GEORGIA REPUBLICA">Geórgia</option>
<option value="GIBRALTAR">Gibraltar</option>
<option value="GRANADA">Granada</option>
<option value="GRECIA">Grécia</option>
<option value="GROENLANDIA">Groenlândia</option>
<option value="GUADALUPE">Guadalupe</option>
<option value="GUAM">Guam</option>
<option value="GAMBIA">Gâmbia</option>
<option value="GUATEMALA">Guatemala</option>
<option value="GUIANA">Guiana</option>
<option value="GUIANA FRANCESA">Guiana Francesa</option>
<option value="GUINE REPUBLICA">Guiné</option>
<option value="GUINE EQUATORIAL">Guiné Equatorial</option>
<option value="GUINE BISSAU">Guiné Bissau</option>
<option value="HAITI">Haiti</option>
<option value="HAVAI">Havaí</option>
<option value="HOLANDA">Holanda</option>
<option value="HONDURAS">Honduras</option>
<option value="HUNGRIA">Hungria</option>
<option value="HONG KONG">Hong Kong</option>
<option value="IEMEN REPUBLICA">Iêmen</option>
<option value="CAYMAN ILHAS">Ilhas Cayman</option>
<option value="CHRISTMAS ILHAS">Ilhas Christmas</option>
<option value="COCOS KEELING ILHAS">Ilhas Cocos Keeling</option>
<option value="COMORES ILHAS">Ilhas Comores</option>
<option value="COOK ILHAS">Ilhas Cook</option>
<option value="FALKLAND ILHAS">Ilhas Falkland</option>
<option value="FAROE ILHAS">Ilhas Faroe</option>
<option value="FIJI ILHAS">Ilhas Fiji</option>
<option value="MARIANA ILHAS">Ilhas Mariana</option>
<option value="MARSHAL ILHAS">Ilhas Marshall</option>
<option value="MAYOTTE ILHAS">Ilhas Mayotte</option>
<option value="MIDWAY ILHA">Ilha Midway</option>
<option value="NORFOLK ILHA">Ilha Norfolk</option>
<option value="PALAU ILHA">Ilha Palau</option>
<option value="SANTA HELENA ILHA">Ilha Santa Helena</option>
<option value="SALOMAO ILHAS">Ilhas Salomão</option>
<option value="SEYCHELLES ILHAS">Ilhas Seychelles</option>
<option value="TOKELAU ILHAS">Ilhas Tokelau</option>
<option value="TURKS E CAICOS ILHAS">Ilhas Turks e Caicos</option>
<option value="VIRGENS ILHAS">Ilhas Virgens</option>
<option value="WAKE ILHA">Ilha Wake</option>
<option value="INDIA">Índia</option>
<option value="INDONESIA">Indonésia</option>
<option value="INMARSAT-ATLANTICO LESTE">INMARSAT-Atlântico Leste</option>
<option value="INMARSAT-ATLANTICO OESTE">INMARSAT-Atântico Oeste</option>
<option value="INMARSAT-INDICO">INMARSAT-Índico</option>
<option value="INMARSAT PACIFICO">INMARSAT Pacífico</option>
<option value="IRA">Irâ</option>
<option value="IRAQUE">Iraque</option>
<option value="IRLANDA REPUBLICA">Irlanda</option>
<option value="ISLANDIA">Islândia</option>
<option value="ISRAEL">Israel</option>
<option value="ITALIA">Itália</option>
<option value="IUGOSLAVIA">Iugoslávia</option>
<option value="JAMAICA">Jamaica</option>
<option value="JAPAO">Japão</option>
<option value="JORDANIA">Jordânia</option>
<option value="KIRIBATI">Kiribati</option>
<option value="KUWAIT">Kuwait</option>
<option value="KYRGYZSTAN REPUBLIC">Kyrgystão</option>
<option value="LAOS">Laos</option>
<option value="LATVIA REPUBLIC">Latvia</option>
<option value="LESOTO">Lesoto</option>
<option value="LETONIA REPUBLICA">Letônia</option>
<option value="LIBANO">Líbano</option>
<option value="LIBERIA">Libéria</option>
<option value="LIBIA">Líbia</option>
<option value="LIECHTENSTEIN">Liechtenstein</option>
<option value="LITUANIA REPUBLICA">Lituânia</option>
<option value="LUXEMBURGO">Luxemburgo</option>
<option value="MACAU">Macau</option>
<option value="MACEDONIA">Macedônia</option>
<option value="MADAGASCAR">Madagascar</option>
<option value="MADEIRA">Madeira</option>
<option value="MALASIA">Malásia</option>
<option value="MALAWI">Malawi</option>
<option value="MALDIVAS ILHAS">Maldivas</option>
<option value="MALI">Mali</option>
<option value="MALTA">Malta</option>
<option value="MARROCOS">Marrocos</option>
<option value="MARTINICA">Martinica</option>
<option value="MAURICIO">Maurício</option>
<option value="MAURITANIA">Mauritânia</option>
<option value="MEXICO">México</option>
<option value="MICRONESIA">Micronésia</option>
<option value="MOCAMBIQUE">Moçambique</option>
<option value="MOLDAVIA REPUBLICA">Moldávia</option>
<option value="MONACO">Mônaco</option>
<option value="MONGOLIA">Mongólia</option>
<option value="MONTSERRAT">Montserrat</option>
<option value="NAMIBIA">Namíbia</option>
<option value="NAURU">Nauru</option>
<option value="NEPAL">Nepal</option>
<option value="NEVIS">Nevis</option>
<option value="NICARAGUA">Nicarágua</option>
<option value="NIGER">Niger</option>
<option value="NIGERIA">Nigéria</option>
<option value="NIUE">Niue</option>
<option value="NORUEGA">Noruega</option>
<option value="NOVA CALEDONIA">Nova Caledônia</option>
<option value="NOVA ZELANDIA">Nova Zelândia</option>
<option value="OMAN">Omã</option>
<option value="PAQUISTAO">Paquistão</option>
<option value="PANAMA">Panamá</option>
<option value="PAPUA E NOVA GUINE">Papua e Nova Guiné</option>
<option value="PARAGUAI">Paraguai</option>
<option value="PERU">Peru</option>
<option value="POLONIA">Polônia</option>
<option value="PORTO RICO">Porto Rico</option>
<option value="PORTUGAL">Portugal</option>
<option value="QATAR (DOHA)">Quatar</option>
<option value="QUENIA">Quênia</option>
<option value="QUIRGUIZIA REPUBLICA">Quirguizia</option>
<option value="REINO UNIDO">Reino Unido</option>
<option value="REPUBLICA CENTRO AFRICANA">República Centro Africana</option>
<option value="DOMINICANA REPUBLICA">República Dominicana</option>
<option value="TCHECO REPUBLICA">República Tcheca</option>
<option value="TURCOMENIA REPUBLICA">República Turcomênia</option>
<option value="REUNIAO">Reunião</option>
<option value="RODRIGUEZ">Rodriguez</option>
<option value="ROMENIA">Romênia</option>
<option value="RUANDA">Ruanda</option>
<option value="RUSSIA">Rússia</option>
<option value="SAARA OCIDENTAL">Saara Ocidental</option>
<option value="são KITTS E NEVIS">São Kitts e Nevis</option>
<option value="SANTA LUCIA">Santa Lúcia</option>
<option value="são PEDRO E MIQUELON">São Pedro e Miquelon</option>
<option value="são VICENTE E GRANADINAS">São Vicente e Granadinas</option>
<option value="SAIPAN (MARIANA IS.)">Saipan</option>
<option value="SAMOA AMERICANA">Samoa Americana</option>
<option value="SAMOA OCIDENTAL">Samoa Ocidental</option>
<option value="SAN MARINO">San Marino</option>
<option value="são TOME E PRINCIPE">São Tomé e Príncipe</option>
<option value="SENEGAL">Senegal</option>
<option value="SERRA LEOA">Serra Leoa</option>
<option value="SOMALIA">Somália</option>
<option value="SRI LANKA (CEILAO)">Sri Lanka</option>
<option value="SUAZILANDIA">Suazilândia</option>
<option value="SUDAO">Sudão</option>
<option value="SUECIA">Suécia</option>
<option value="SUICA">Suiça</option>
<option value="SURINAME">Suriname</option>
<option value="SIRIA">Síria</option>
<option value="TADJIQUISTAO REPUBLICA">Tadjiquistão</option>
<option value="TAHITI">Taiti</option>
<option value="TAILANDIA">Tailândia</option>
<option value="TAIWAN">Taiwan</option>
<option value="TANZANIA">Tanzânia</option>
<option value="TOGO">Togo</option>
<option value="TONGA">Tonga</option>
<option value="TORTOLA">Tortola</option>
<option value="TRANSKEI">Transkei</option>
<option value="TRINIDAD E TOBAGO">Trinidad e Tobago</option>
<option value="TUNISIA">Tunísia</option>
<option value="TURQUIA">Turquia</option>
<option value="TUVALU">Tuvalu</option>
<option value="UCRANIA">Ucrânia</option>
<option value="UGANDA">Uganda</option>
<option value="URUGUAI">Uruguai</option>
<option value="UZBEQUISTAO REPUBLICA">Uzbequistão</option>
<option value="VANUATU">Vanuatu</option>
<option value="VATICANO">Vaticano</option>
<option value="VENDA">Venda</option>
<option value="VENEZUELA">Venezuela</option>
<option value="VIETNA">Vietnâ</option>
<option value="WALLIS E FUTUNA">Wallis e Futuna</option>
<option value="ZAIRE">Zaire</option>
<option value="ZAMBIA">Zâmbia</option>
<option value="ZANZIBAR">Zanzibar</option>
<option value="ZIMBABWE">Zimbabwe</option>
</select>
</form>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...