Cambiar label en tiempo de ejecucion!

johnk · #1 (**permalink**) 22/11/2011, 07:44

hola gente! necesito cambiar un texto en tiempo de ejecucion. no tengo idea como hacerlo ya que no tiene un identificador dentro de html! la idea es que tengo un combo y al elegir determinado valor dentro del combo tengo que cambiar la palabra "numero" por "edad", espero me puedan ayudar! desde ya gracias! saludos!.

este es el codigo html!

Numero<input type="text" name="dni_padre1" id="dni_padre1">

linuxzero · #2 (**permalink**) 22/11/2011, 07:48

HTML:

Código HTML:

Ver original<label id="texto">Numero</label><input type="text" name="dni_padre1" id="dni_padre1">

JS:

Código Javascript:

Ver original$('#idSelect').change(function() {
    if ($(this).val() == 1) {
        $('#texto').html('Edad');
    } else {
        $('#texto').html('Numero');
    }
})

Seria algo asi, fijate de cambiar la lógica para que te funcione. Esta en jQuery porque es mas facil de codificar :D

johnk · #3 (**permalink**) 22/11/2011, 08:01

linuxzero! gracias por la rapidez de tu respuesta! lo adapto a mi codigo y te cuento!!

linuxzero · #4 (**permalink**) 22/11/2011, 08:08

De nada campeon ;)

johnk · #5 (**permalink**) 22/11/2011, 11:43

linuxzero! probe con

$('#cmb_tipodoc_padre1').change(function() {
if ($(this).val()== 1) {

$('#texto').html('Edad');

} else {

$('#texto').html('Numero');
}
})

y no me toma. despues probe con:

jQuery(document).ready(function () {
jQuery(':select#cmb_tipodoc_padre1').change(functi on () {
alert("Cambiado");
});
});

para ver si me tomaba y tampoco! tenes idea de que me puede estar faltando!!?
la libreria de jquery ya la agregue y me toma! saludos!!

linuxzero · #6 (**permalink**) 22/11/2011, 11:46

postea el html y lo analizamos

johnk · #7 (**permalink**) 22/11/2011, 11:54

el html completo tiene casi 2000 lineas por eso no lo subo completo. subo la parte en cuestion! espero sirva!

<html>

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

<script type="text/javascript" src="js/funciones.js"></script>

//codigo en el medio

<td>Tipo de Doc:</td> <td><select size="1" name="cmb_tipodoc_padre1" id="cmb_tipodoc_padre1" >
<br><option selected value="Seleccionar">Seleccionar</option><?php
$con = new clase_sQuery();
$consulta2 = "select id_tipo_documento, sigla from tipo_documento order by sigla asc";

$resultado2 = pg_query($consulta2);
while ($salida2 = pg_fetch_array($resultado2)) {
print '<option value="' . $salida2[0] . '">' . $salida2[1] . '</option> ';
}

// print "</select>";
$con->Close();
?> </select>
<label id="texto">N&deg:(*)</label>
<input type="text" name="dni_padre1" id="dni_padre1" size="10" maxlength="10" > </td>

//sigue el codigo

//codigo js en funciones.js

$('#cmb_tipodoc_padre1').change(function() {
if ($(this).val()== 1) {
alert('enta');
$('#padres1.texto').html('Edad');

} else {
alert('else');
$('#padres1.texto').html('Numero');
}
})

hasta aca! saludos!

linuxzero · #8 (**permalink**) 22/11/2011, 12:04

Aca te envio lo que modifique yo:

Código Javascript:

Ver original<html>
 
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
<script type="text/javascript">
$(document).ready(function() {
$('#cmb_tipodoc_padre1').change(function() {
    if ($(this).val()== 1) {
        $('#texto').html('Edad');
    } else {
        $('#texto').html('Numero');
    }
});
});
</script>
</head>
<body>
<table>
<tr>
    <td>Tipo de Doc:</td>
    <td>
        <select size="1" name="cmb_tipodoc_padre1" id="cmb_tipodoc_padre1" >
            <option selected value="Seleccionar">Seleccionar</option>
            <option value="1">DNI</option>
            <option value="2">CI</option>
        </select>
        <label id="texto">N&deg:(*)</label>
        <input type="text" name="dni_padre1" id="dni_padre1" size="10" maxlength="10" > </td>
    </td>
</tr>
</table>
</body>
</html>

Te saque para probarlo en funcion.js (volvelo a poner), y te modifique el jquery. Fijate de colocar todo donde va. Analiza el codigo que te pase con respecto al tuyo y fijate que tiene de distinto.

Cualquier cosa avisame ;)

Saludos!

johnk · #9 (**permalink**) 22/11/2011, 12:27

linuxzero! lo arregle sacando los dos puntos delante del select en el archivo funciones.js

me quedo asi!:

Código Javascript:

Ver originaljQuery(document).ready(function() {
    
 
 
 
   jQuery('select#cmb_tipodoc_padre1').change(function() {
        if (jQuery(this).val()== 1) {
        
            jQuery('#texto').html('Edad');
 
        } else {
           
            jQuery('#texto').html('Numero');
        }
    })
 
 
});

gracias por la ayuda!!! saludos!

linuxzero · #10 (**permalink**) 22/11/2011, 12:28

Excelente campón ;) me alegro haberte podido ayudar. Suerte con eso.