Comunidad de diseño web y desarrollo en internet online

crear textbox segun una opcion elegida de un combobox

Citar            
MensajeEscrito el 17 Oct 2011 04:12 pm
hola uso este codigo para llenar combobox

<tr>
<td width="50%" nowrap="nowrap" align="right">Estudios <span class="campo_obligatorio">*</span></td></td>
<td nowrap="nowrap">
<select name="estudio" id="estudio">
<option value="-2">- Seleccione -</option>
<?php
$sel_ee="select *from tabla";
$rel_ee=mysql_query($sel_ee,$link);
while($db_est=mysql_fetch_array($rel_ee)){
echo '<option value="'.$db_est["id"].'">'.$db_est["nombre"].'</option>';
}
?>
</select>
</td>
</tr>

ahora como hago para mostrar un textbox segun una opcion elegida del listado del combobox
alguien tiene algun ejemplo para estudiarlo y adaptarlo al mio

Por angelo27

Claber

136 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Oct 2011 02:42 am
Te refieres a que en un TextBox aparezca la opción que elegiste o que se cree un TextBox al elegir una opción.

Usa Jquery

Para la primera:

Pon un textbox

Código HTML :

<input id="seleccionado" type="text" />


con Jquery haces que al seleccionar un valor este aparesca en un Textbox

Código Javascript :

$('#estudio').change(function(){
   $('#seleccionado').val($('#estudio option:selected').text());
});


quedando así:

Código :

<tr>
<td width="50%" nowrap="nowrap" align="right">Estudios <span class="campo_obligatorio">*</span></td></td>
<td nowrap="nowrap">
<select name="estudio" id="estudio">
<option value="-2">- Seleccione -</option>
<option value="0">Hola</option>
<?php
$sel_ee="select *from tabla";
$rel_ee=mysql_query($sel_ee,$link);
while($db_est=mysql_fetch_array($rel_ee)){
echo '<option value="'.$db_est["id"].'">'.$db_est["nombre"].'</option>';
}
?>
</select>
<input id="seleccionado" type="text" />
</td>
</tr>
<script>
$('#estudio').change(function(){
   $('#seleccionado').val($('#estudio option:selected').text());
});
</script>


Para la segunda:

crea un div y ponle un id

Código HTML :

<div id="textboxs"></div>


luego con Jquery le dices que ponga un textbox en el div al seleccionar un elemento de la lista

Código Javascript :

<script>
$('#estudio').change(function(){
   $('#textboxs').append('<input id="sel'+$('#estudio option:selected').val()+'" type="text" value="'+$('#estudio option:selected').text()+'"/>');
});
</script>


quedando así:

Código :

<tr>
<td width="50%" nowrap="nowrap" align="right">Estudios <span class="campo_obligatorio">*</span></td></td>
<td nowrap="nowrap" >
<select name="estudio" id="estudio">
<option value="-2">- Seleccione -</option>
<option value="0">Hola</option>
<?php
$sel_ee="select *from tabla";
$rel_ee=mysql_query($sel_ee,$link);
while($db_est=mysql_fetch_array($rel_ee)){
echo '<option value="'.$db_est["id"].'">'.$db_est["nombre"].'</option>';
}
?>
</select>
<label for="textfield"></label>
<input name="textfield" type="text" id="textfield" value="hola" /></td>
</tr>
<div id="textboxs"></div>

<script>
$('#estudio').change(function(){
   $('#textboxs').append('<input id="sel'+$('#estudio option:selected').val()+'" type="text" value="'+$('#estudio option:selected').text()+'"/>');
});
</script>



suerte!

Por sgb004

Claber

148 de clabLevel

1 tutorial

Genero:Masculino  

soy sgb

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.