select y autocompletar

[destor77]

Buenas, tengo el siguiente formulario:

Código HTML:

<form action="#" method="post" id="suma" name="suma" onsubmit="validar(this.id,'index.php?controlador=pedidos&amp;accion=agregar','tabla','1');return false;"  class="form label-inline" enctype="multipart/form-data">
            <div class="field">
                <label for="fecha">Fecha que pasan a buscarlo:</label>
                <input type="text" id="fecha" name="fecha" value="<?php echo $dia;?>"/>
            </div>
            <div class="field">
                <label for="fecha">Proveedor: </label>
                <select name="idproveedores" id="idproveedores">
                <option value="">Seleccione Proveedor</option>
                <?php
                    if(!empty($proveedores)) {
                    for($i=0;$i<count($proveedores);$i++) {?>
                <option value="<?php echo $proveedores[$i]['idproveedores'];?>"
                    <?php if($proveedores[$i]['idproveedores'] == $datos->idproveedores) {
                        echo 'selected="selected"';
                            }?>>
                            <?php echo $proveedores[$i]['marca'];?>
                </option>
                    <?php
                    }
                    }
                ?>
                </select>
            </div>
            <div class="field">
                <div class="ui-widget">
                <span><strong>C&oacute;digo: </strong></span>
                <input id="codigoP" name="codigoP" value="" class="xsmall"/>
                <span><strong>Nombre: </strong></span>
                <input id="productoP" name="productoP" value="" onfocus="this.value='';"/>
                <input id="precioP" name="precioP" type="hidden" value=""/>
                <input id="idproductos" name="idproductos" type="hidden" value=""/>
                <span><strong>Cantidad: </strong></span>
                <input id="cantidadP" name="cantidadP" value="0" size="4" type="text" class="xsmall" onchange="validarCantidad(this.value)" />
                <input type="hidden" name="id_user" value="<?php echo $datos->id_user;?>"/>
                <button type="submit"><span>Agregar</span></button>
                </div>
 
            </div>
            </form>
 

ese formulario tiene un autocompletado en el campo productosP, el se ejecuta con este js:

Código Javascript:

$("#productoP").autocomplete({
        source: 'index.php?controlador=index&accion=listado',
        minLength: 1,
        select: function( event, ui ) {     
        $( "#productoP" ).val( ui.item.label );
        $( "#precioP" ).val( ui.item.desc );
 
        return false;
        }
    });
 

hasta ahi todo perfecto, funciona correctamente el autcompletado y me trae todos los registros.
Bien ahora necesito que el autocompletado me muestre todos los productos del item seleccionado en el select y pasarlo como parametro al source para que quede asi:

Código Javascript:

source: 'index.php?controlador=index&accion=listado&idproveedores='+valordeloptionseleccionado
 

como puedo hacer para agregar el valor del option al source del autocomplete.
Desde ya muchas gracias.!

[iandrade]

Código Javascript:

'source':index.php?controlador=index&accion=listado&idproveedores='+$(idSelect).value