Como converter um <input type="text"> para um <select

355 views
Skip to first unread message

Gladson

unread,
Sep 9, 2011, 9:03:56 PM9/9/11
to jQuery (Brasil), gla...@agronomo.eng.br
Este é o plugin jQuery para carregar as cidades dos estados
brasileiros do sr. Henrique. Muito interessante...
https://github.com/henriquegogo/jqcidades/blob/master/jqcidades.js

<script language="JavaScript" type="text/javascript"
src="jqcidades.js"></script>

Aqui o JQuery usado:
http://code.jquery.com/jquery-1.4.4.min.js

<script language="JavaScript" type="text/javascript"
src="jquery-1.4.4.min.js"></script>

Este aqui e o script para pegar o select e jogar os dados...

<script language="JavaScript" type="text/javascript">
$(document).ready(function() {
$('select#id_uf').carregaCidades('select#id_municipio');
});
</script>

Só que meus campos são inputs:

<input id="id_uf" type="text" class="vTextField" name="estado"
maxlength="2">

<input id="id_municipio" type="text" class="vTextField" name="cidade"
maxlength="255">


E desejo converte-los para select, conforme abaixo... estou ainda
aprendendo a usar, esta ferramenta o JQuery, mas vejo que e uma
excelente Framework.

<select id="id_uf" name="uf">
<option value="">Escolha uma UF...</option> etc... </select>

<select id="id_municipio" name="municipio">
<option value="">Município</option></select>

Alguem pode me ajudar, com um caminho a seguir ou ate mesmo me
demonstrar como devo proceder nessa conversao... Obrigado pela
atenção...

Gladson Simplício Brito

unread,
Sep 10, 2011, 8:37:53 PM9/10/11
to jque...@googlegroups.com

Elvis Luciano Guimarães

unread,
Sep 11, 2011, 9:16:12 AM9/11/11
to jque...@googlegroups.com
Eu não aconselho vc a usar esse plugin como está não, pois ele tem uma má prática bastante conhecida q é usar append dentro de um loop grande. Isso detona a performance.

Quanto a sua dúvida, não entendi mto bem. Vc não pode simplesmente alterar seu html?

2011/9/9 Gladson <gladso...@gmail.com>



--
Elvis Luciano Guimarães da Silva
Reply all
Reply to author
Forward
0 new messages