Ir para conteúdo

POWERED BY:

Arquivado

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

Marcos Coelho2

Combobox aumenta de acordo com o titulo do select

Recommended Posts

Olá pessoal do imaster

 

Dexa eu explicar o que eu quero fazer e nao encontro em lugar nenhum.

Entrem nesse link: http://www.amazon.com/

Do lado da busca no topo tem as categorias que o padrao é "all"

De acordo que voce muda as categorias o combobox toma um tamanho diferente

 

Estou querendo fazer isso e pelo visto no css nao tem como, e javascript eu nao sei programar muita coisa.

 

Não sei se tem como por isso estou pedindo a ajuda de voces.

Tem como eu contar as letras de um campo e redimencionar o campo sem recarregar a pagina pelo js?

 

Estava pensando em fazer da seguinte forma

 

 

<select style="width:pegando o valor de cada campo depois de contado as letras">

<option> Texto </option> contar a quantidade de letras desse campo

<option> Texto gfgfgfdgfdgfdg</option>contar a quantidade de letras desse campo

</select>

 

 

quero saber se tem como fazer o que estou pensando sem recarregar novamente a pagina

Compartilhar este post


Link para o post
Compartilhar em outros sites

Usando sua lógica eu fiz um código jQuery...

 

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
   <head>
       <title></title>
       <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
       <script type="text/javascript" src="jquery.js"></script>
   </head>
   <body>
       <select id="selecao" onChange="seleciona()" style="width: 60px;">
           <option value="teste">teste</option>
           <option value="teste111">teste111</option>
           <option value="testeasdfghjklç">testeasdfghjklç</option>
           <option value="ttttttt">ttttttt</option>
       </select>
       <script>
           function seleciona(){
               var caracteres = $('#selecao').val().length;
               var pixel = ((caracteres*8)+11);
               $('#selecao').css({"width":pixel+"px"});
           }
       </script>
   </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.