crear textbox segun una opcion elegida de un combobox

[mcalla]

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

[miktrv]

Tendrías que hacer un form, que envie ese campo. Después puedes hacer un switch con las diferentes opciones.

Un saludo!

[mcalla]

tiene algun ejemplo para estudiarlo y adaptarlo al mio

[miktrv]

Que parte no sabes hacer?

[mcalla]

function createTexts(sel) {
var num = sel.value;
if( !num ) num = sel.options[sel.selectedIndex].value;
if( !num ) return;

var html="<input type=\"text\" name=\"caja_de_texto[]\" />";
num = parseInt( num );
var dest = document.getElementById("cajas");
for( i = 0; i < num; i++ ) {
dest.innerHTML += html;
}
}

<tr>
<select name="select1" id="cantidad" onchange="createTexts(this)">
<option value="" selected="selected">Seleccionar cantidad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div id="cajas"></div>
</tr>




este es un codigo que encontre en este foro y funciona pero para mi caso solo deve crear 1 textbox y solo cuando elija la opcion -Otros- del combo.
ojo:el combo se llena previamente con los datos de una tabla

[mcalla]

function createTexts(sel) {
var num = sel.value;
if( !num ) num = sel.options[sel.selectedIndex].value;
if( !num ) return;

var html="<input type=\"text\" name=\"caja_de_texto[]\" />";
num = parseInt( num );
var dest = document.getElementById("cajas");
for( i = 0; i < num; i++ ) {
dest.innerHTML += html;
}
}

<tr>
<select name="select1" id="cantidad" onchange="createTexts(this)">
<option value="" selected="selected">Seleccionar cantidad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div id="cajas"></div>
</tr>




este es un codigo que encontre en este foro y funciona pero para mi caso solo deve crear 1 textbox y solo cuando elija la opcion -Otros- del combo.
ojo:el combo se llena previamente con los datos de una tabla

[miktrv]

Hace poco puse un ejemplo igual, con el mismo tipo.

Tan solo debes de hacer una función javascript que compruebe el value del select, te hago uno, espero que te sirva..

Código Javascript:

function show_element(dropdown, show_id, value) {
if(dropdown.value == value) {
document.getElementById(show_id).style.display = "block";
}
}
 

dentro de tu desplegable haces:

Código HTML:

<select onchange="show_element(this, 'my_hidden_input_id', 'otros')">
<option value="0">Primera opción </option>
...
<option value="otros">Otros</option>
</select>
 
<input type="text" id="my_hidden_input_id" style="display:none" />
 

[mcalla]

el combo no tiene opcion que yo declaro previamente en los <option>...</option>
sino que los cargo de una tabla ,como le digo que muestre el textbox solo cuando es la opcion otros de esta tabla
asi cargo mi combobox:
<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_estudios"].'">'.$db_est["concepto"].'</option>';
}
?>
</select>

[miktrv]

no entiendo...

[mcalla]

osea -Otros- esta en una tabla el php lo lee de una tabla en una BD ..
mas no de esta forma
<option value="0">Primera opción </option>
#
...
#
<option value="otros">Otros</option>

como le digo que es -Otros- pero como registro de una tabla

[miktrv]

O estoy espeso o no te explicas muy bien..

El campo otros no existe en tu tabla, lo quieres poner "a mano"?

[mcalla]

todo lo contrario, el registro -Otros- existe en en un campo que se llama descripcion dentro de una tabla que se llama Estudio
(esta tabla tiene varias filas con registros que se muestran en un combo como lo puse el codigo mas arriba)

[miktrv]

Y el value de esa opción cual es?

[mcalla]

plop!..

esa es el misterio como le digo que es eso

[miktrv]

No es ningún misterio.. el select y los options de este los construyes tu... te pregunto porque no se que values usas dentro de los options.. en teoría son valores de la base de datos..

Un saludo!

[jimylu]

debes comparar el id de otros para que puedas ejecutar lo que necesitas no te hagas tantas bolas. Imaginemos que tu base de datos tienes el valor otros que a su vez tiene un id que lo cargas en el combo tienes que comparar ese valor id con el que te propongo cambia en el script el valor 2 x el id que se muestra en tu bd

siguiendo el script de arriba seria

Código Javascript:

<script language="javascript">
function txt(){
    var valor = document.getElementById('cmb').value;
    if(valor==2){
        document.getElementById('otr').style.display = "block";
    }
}
</script>
 

y el html

Código HTML:

<select name="cmb" id="cmb" onchange="txt(this.id)">
<!--Esta seccion la cambias x tu php que cargan los datos-->
<option value="1">1</option>
<option value="2">Otros</option>
</select>
<input type="text" id="otr" name="otr" style="display:none" />
 

[mcalla]

esta es la tabla en mysql:
INSERT INTO `tabla` (`id`, `descripcion`) VALUES
(1, 'Estudios de postgrado'),
(2, 'Estudios Superiores Completos'),
(3, 'Estudios Superiores Incompletos'),
(4, 'Estudios Técnicos C.'),
(5, 'Estudios Técnicos I.'),
(6, 'Enseñanza Media'),
(7, 'Otros Estudios');

index.php
<select name="est" id="est">
<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["descripcion"].'</option>';
}
?>
</select>


como cambiaria para crear el textbox solo al seleccionar 'Estudios Técnicos I.' en el combobox.

[jimylu]

Iniciado por mcalla

esta es la tabla en mysql:
INSERT INTO `tabla` (`id`, `descripcion`) VALUES
(1, 'Estudios de postgrado'),
(2, 'Estudios Superiores Completos'),
(3, 'Estudios Superiores Incompletos'),
(4, 'Estudios Técnicos C.'),
(5, 'Estudios Técnicos I.'),
(6, 'Enseñanza Media'),
(7, 'Otros Estudios');

index.php
<select name="est" id="est">
<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["descripcion"].'</option>';
}
?>
</select>


como cambiaria para crear el textbox solo al seleccionar 'Estudios Técnicos I.' en el combobox.

asu brother se ve q andas perdido en la seccion javascript cambia el valor 2 que figura por el id que deseas en este caso estudios tecnicos I que su id es el 7 entonces seria el javascript asi

Código Javascript:

<script language="javascript">
function txt(){
var valor = document.getElementById('est').value;
if(valor==7){
document.getElementById('otr').style.display = "block";
 }
}
</script>
 

en tu select agregar el evento onchange

Código HTML:

1.<select name="est" id="est" onchange="txt(this.id)">
 

y te faltaria agregar en tu html la linea del textbox osea debajo del select esto

Código HTML:

<input type="text" id="otr" name="otr" style="display:none" />
 

mas facil no te la puedo poner