transformar o option em um input

[Johnison Almeida 0]

Olá, eu gostaria que quando o valor não for encontrado dentro dos OPTIONs o usuario poderá digitar
ex no lugar de outra digitar um valor:

<label>Cidade:</label>
                <select id="cidade" name="cidade">
                 <option value="">Cidade</option> 
                    <option value="cidade1"> cidade1 </option>
                    <option value="cidade2"> cidade2 </option>
                    <option value="">Outra.. </option>
                </select><br /> 

 

[wilnet 92]

Olá Johnison, blza!

 

Essa sua dúvida não tem nd a ver com CSS mas vamos lá rsrs.

 

Veja se isso te ajuda.

 

 

 

Script

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
        $("#palco > div").hide();
        $("#cidade").change(function(){
                $("#palco > div").hide();
                $( '#'+$( this ).val() ).show('fast');
        });
        $("input[name='escolha']").click(function(){
                $("#palco > div").hide();
                $( '#'+$( this ).val() ).show('fast');  
        });
});
</script>

HTML

<label>Cidade:</label>
 
<select name="cidade" id="cidade">
<option value="">Cidade</option>
<option value="cidade1">cidade1</option>
<option value="cidade2">cidade2</option>
<option value="outra">Outra</option>
</select>  
    
       
<div id="palco">
<br>
<div id="outra">
<label>Digite a Cidade:</label>
<input type="text" name="outra" maxlength="100" /></div>
</div>

Espero ter ajudado.

 

vlw

[Johnison Almeida 0]

Obrigado Wilnet foi mau ter postado no forum errado. eu estava tentando colocar o input dentro do value kkkkkkkk
funcionou beleza

[wilnet 92]

Que isso, foi apenas para orientar,

 

Mas a ajuda é a mesma.

 

Que bom que resolveu.

 

vlw