Foros del Web » Programando para Internet » Jquery »

combobox no funciona con jquery

Estas en el tema de combobox no funciona con jquery en el foro de Jquery en Foros del Web. tengo este codigo de jquery @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original $ ( ) . ready ( function ( ) { $ ( '#name' ...
  #1 (permalink)  
Antiguo 11/06/2012, 15:09
Avatar de danielnv18  
Fecha de Ingreso: junio-2012
Mensajes: 19
Antigüedad: 11 años, 10 meses
Puntos: 0
combobox no funciona con jquery

tengo este codigo de jquery
Código Javascript:
Ver original
  1. $().ready(function() {
  2. $('#name').change(function() {
  3.       alert('se llamo el evento .change');
  4.     });
  5.    
  6. });

y este codigo
Código HTML:
Ver original
  1. <label for="name">Nombre o Codigo:</label><input type="text" id="name" name="name" value="" >

y me funciona perfectamente pero dentro de esa misma pagina tengo un codigo en ajax que crea un combo box con ciertos datos dependiendo del codigo o del nombre.
El problema es que cuando al codigo de jquery de pongo el id de combo box (id="parametro") para que el evento change se ejecute cada vez que selecciono un valor diferente no se ejecuta <select id="parametro">

que hice mal?
  #2 (permalink)  
Antiguo 11/06/2012, 15:22
Avatar de Lynxcraft  
Fecha de Ingreso: noviembre-2007
Ubicación: yecla murcia
Mensajes: 1.346
Antigüedad: 16 años, 5 meses
Puntos: 51
Respuesta: combobox no funciona con jquery

primero puede ser porque estas poniendo Id repetidos y lo segundo cuando creas un nuevo elemento ten en cuenta que es no tiene funciones que ya se han ejecutado al cargar la pagina, tiene que asignarle la funcion que quieras cuando lo creas ejemplo

Código PHP:
<script type="text/javascript">
$(
document.createElement('input')).attr({type:"text"}).change(function(){
    
alert($(this).val());
}).
appendTo('body');
</script> 
__________________
Sobran las ideas cuando faltan ganas de trabajar en ellas
Lynxcraft
  #3 (permalink)  
Antiguo 11/06/2012, 15:41
Avatar de danielnv18  
Fecha de Ingreso: junio-2012
Mensajes: 19
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: combobox no funciona con jquery

primero ya revise los id tanto del select como de los otros inputs y segundo en otro formulario tenia que validar campos para que no estuvieran vacias y lo hice con jquery.validate y al igual que aqui usaba ajax a diferencia que creaba un tabla con unos inputs y le puse class="required" dentro del codigo generado y me validaba esos input's aunque esa tabla no estuviera del creada del lado del cliente

ahora al arhivo que hace sulicitud el ajax, q es el que jala el combo box, tiene como identificador el mismo que le pongo al del j query cuando se ejecute el evento
Código Javascript:
Ver original
  1. $().ready(function() {
  2. $('#parametro').change(function() {
  3.       alert('Handler for .change() called.');
  4.     });
  5.    
  6. });

y este es el codigo que arma el select cuando se hace el .open
Código PHP:
Ver original
  1. $select='<select id="parametro" class="target"> <option value="0">--Seleccione un Parametro--</option>';
  2.             foreach ($para as $value) {
  3.                 if ($value['NAME']!='Olor' or $value['NAME']!='Apariencia') {
  4.                     $select=$select.'<option value="'.$value['CODE'].'">'.$value['NAME'].'</option>';
  5.                 }
  6.             }
  7.             $select=$select.'</select>';

asi que el la buena teoria el evento .change deberia ejecutarse cuando se cmabia el valor de select
  #4 (permalink)  
Antiguo 11/06/2012, 15:56
Avatar de Lynxcraft  
Fecha de Ingreso: noviembre-2007
Ubicación: yecla murcia
Mensajes: 1.346
Antigüedad: 16 años, 5 meses
Puntos: 51
Respuesta: combobox no funciona con jquery

en teoría esta bien dependería de la ejecución del script prueba esto

Código PHP:
$select='<select id="parametro" class="target"> <option value="0">--Seleccione un Parametro--</option>';                    

    foreach (
$para as $value) {
        if (
$value['NAME']!='Olor' or $value['NAME']!='Apariencia') {
            
$select.='<option value="'.$value['CODE'].'">'.$value['NAME'].'</option>';
            }
        }
 
$select.='</select>';
 
$select.='<script type="text/javascript">
 $(\'#parametro\').change(function() {
      alert(\'Handler for .change() called.\');
 });
 </script>'

__________________
Sobran las ideas cuando faltan ganas de trabajar en ellas
Lynxcraft
  #5 (permalink)  
Antiguo 12/06/2012, 08:15
Avatar de danielnv18  
Fecha de Ingreso: junio-2012
Mensajes: 19
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: combobox no funciona con jquery

Grx me sirvio

Etiquetas: ajax
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:05.