Cambiar valor input de formulario

[alavaros]

Buenas, tengo el siguiente código:

Código HTML:

<select name="centro1" id="centro1">
<option value="">Seleccione Centro</option>
<option value="">Biblioteca</option>
<option value="">Aula</option>
</select>
 

Código Javascript:

$(document).ready(function(){
    // Creamos el evento change para detectar el elemento elegido
    $("#centro1").change(function () {
        $("#centro1 option:selected").each(function () {
            // capturamos el valor elegido
            elegido=$(this).val();
            // Llamamos al archivo datos.php
            $.post("datos.php", { elegido: elegido }, function(data){
                // Asignamos las nuevas opciones para el td1
                $("#td1").html(data);
            });
        });
    })
});
 

Y esto:

Código PHP:

<?php
    // Incluimos la configuración de la conexión de base de datos
    include("includes/config.inc.php");
    include("includes/mysql.class.php");
    // Creamos la conexión
    $db = new MySQL();  
    // Abrimos la conexión
    $db->open();
    if ($_POST['elegido'] != ""){
        // Ejecutamos la consulta sql
        $consulta = $db->consulta("SELECT * FROM centros WHERE centro LIKE '".$_POST['elegido']."'");
        // Creamos un array para mostrar los datos del combo
        if ($row = $db->fetch_array($consulta)) {
            echo '<textarea cols=50 rows=1 name="cbua1" id="cbua1">'.$row['prestamo_cbua'].'</textarea>';
        }
    }else{
        echo '<option value="">Seleccione Centro</option>';
    }
?>
 

Lo que consigo con esto es que cuando el select 'centro1' cambie, se rellena el campo 'cbua1' con el valor traido desde la base de datos mysql, pero tengo varios select 'centro2, centro3, centro4, etc', me gustaría saber como hacer para que la función sepa que centro es, centro1, centro 2,... y para así luego rellenar cbua1 o cbua2 o cbua3, y así sucesivamente.

Muchas gracias de antemano.

Saludos.

[InKarC]

Envíe el select, ya de por si jQuery siempre usa el valor seleccionado.

Código Javascript:

$(document).ready(function(){
    $("#centro1").change(function () {
            var elegido=$(this).serialize();
            $.post("datos.php", elegido, function(data){
                $("#td1").html(data);
            });
    })
});
 

[alavaros]

Buenas InKarC, gracias por la respuesta, pero la verdad que no la he entendido bien, jejej. Tu código, hasta donde yo se, no distingue entre los distintos "centros" (centro1, centro2, centro3, etc), sigue sirviendo solo para "centro1".

Me gustaría poner algo como "$("#centroX").change(function () {" o "$("#centro"+X).change(function () {", para luego poner tambien "$("#tdX").html(data);" o "$("#td"+X).html(data);", pero no se como reconocer, mediante jquery o como sea, que número lleva detrás.

Saludos.

[tredio]

prueba con algo asi:

Código Javascript:

$(document).ready(function(){
    // Creamos el evento change para detectar el elemento elegido
    $("#centro1,#centro2,#centro3").change(function () {//y los demas centros ^^
        //obtenemos el numero del centro
        var nCentro = $(this).attr('id').match(/\d$/),
              elegido = $(this).val(); //obtenemos el valor elegido
       
       //sigues con lo que vayas a hacer
    });
});
 

[InKarC]

Amm... crei que el codigo del problema era un ejemplo de lo que hiba a hacer con cada uno. Para seleccionar todos los select pude hacer asi:

Código Javascript:

$("select").change(function () {