Combo en formularios

[Janexa]

Hola apenas estoy empezando a utilizar ajax y php quisiera saber si se puede pasar el valor de un combobox y al seleccionar una opcion mandar ese valor y lo pueda usar en un query para generar en el mismo formulario otro select , en conclusion un select y al seleccionar una opcion cambie el otro select sin cargar la pagina de nuevo


Ayuda y gracias

[perryjr]

Sí, se puede.



Como me da que no querías solo esa respuesta, aquí va un esqueleto general del código:

Código Javascript:

<select onchange="primerComboCambiado();">
  ...
</select>
 
<select id="comobobx2"></select> <!--- De momento vacio, hasta que carguemos las cosas por AJAX --->
 
<script>
 
  function primerComboCambiado() {
    // Obtener valor actual del combobox
    // Mandarlo por ajax
    // Cargar la respuesta en el combobox2
  }
 
</script>
 

En el lado del servidor (PHP), es muy directo:

1. Recibes el valor del combobox y lo almacenas
2. Haces la query
3. Retornas los datos en un formato facil de usar en JavaScript (léase JSON =) )


Dicho todo esto, creo que si usases jQuery (http://jquery.com/) podrías acelerar muchísimo tu trabajo, porque hay muchos trozos de codigo disponibles de los que puedes aprender y usarlos.

[Janexa]

Hola si me podrias detallar como mando el valor por ajax en la funcion que me pones y cargar la respuesta en el combobox2, apenas ando empezando a usar ajax.. gracias

function primerComboCambiado() {
// Obtener valor actual del combobox
// Mandarlo por ajax
// Cargar la respuesta en el combobox2

[perryjr]

A ver, el problema de esto es hacer una solución que funcione en cada navegador, cada uno funciona distinto y tiene sus problemas. Yo personalmente elejiría jquery sin dudarlo (o Mootools, que tampoco estoy vendiendo nada a nadie =) ). Con jQuery sería algo así:

Código HTML:

<div id="combobox-wrapper"></div>
 
<script>
function cargar() {
  // Obtengo el valor del combobox1
  var valor = $('combo1').value();
 
  $.getJSON('/datos.php?valor1=' + valor, function(data) {
    var items = []; // una matriz
    $.each(data, function(index, item) {
      // Agrega cada opción del combobox a la matriz
      items.push('<option>' + item + '</option>');
    });
 
    $('<select/>', {
      html: items.join(''), // junto todos los option
    }).appendTo($('#combobx-wrapper'); // lo ponemos en el wrapper
  });
}
</script>
 

No he llegado a pdoer comprobar la solución si todo funciona exactamente bien, pero tómatelo como un punto de entrada para tus investigaciones por Google. jQuery tiene millones de aficionados que han ido colgando trozos de codigo que te ayudarán mucho a aprender (y este foro, claro)


----------------------

Como nota adicional, te comento el método de unir cadenas que he usado, por si te resulta extraño:

Código Javascript:

var cadena = '';
for(var i = 0; i < 100; i++) {
  cadena += 'elemento nº ' + i + '|';
}
alert(cadena);
 

Es muuuuuucho más lento que hacer esto:

Código Javascript:

var cadena = []; // o new Array();, que es lo mismo
for(var i = 0; i < 100; i++) {
  cadena[i] = 'elemento nº ' + i + '|';
}
alert(cadena.join('')); // junto todas las cadenas usando el caracter nada (''),
                                // aunque podría poner ('ee'), y se juntarían usando «ee»