Enviar valor de un input por medio de un boton jquery

[erickmpos]

Buenas compañe@s,

Alguien que me pueda ayudar, resulta que por medio de un autocompletar, el cual cuando voy escribiendo la palabra me va dando las opciones que tengo en la base de datos, cuando le doy click a alguna opción esta se queda en el input (hasta aqui todo perfecto). A la par tengo un boton, que deberia buscar esa palabra en la base de datos y traerme el id y colocarlo en otro input, sin embargo, no logro hacer que se inserte.
Les paso el código que tengo.

La parte del html , el index.php

Código HTML:

<table>
<form id="formDP" form="DP" baseUrl="<?=base_url();?>">
     <tr>
        <td><label>Descripción Producto: </label></td>
    <td>
    <div class="input_container">
    <input type="text" id="searchDP1" onkeyup="autocomplet()">
    <ul id="DP_id"></ul>
    </div>
    <td align="center"><button class="btn btn-default btn-block" data-          toggle="tooltip" id="sale-add" title="Agregar" onClick="addDescription();"><span class="glyphicon glyphicon-shopping-cart"></span></button></td>
    </td>
</form>
</table>
 

En el boton se hace el llamado al JS

Código Javascript:

function addDescription(){
    var description = $('#searchDP1').val();
    var baseUrl = $('#formRegisterEdition').attr('baseUrl');
    $.ajax({
            type: 'POST',
            url: baseUrl+'sales/searchIdDescription',
            success: function(response){
                var array = eval(response);
                $('#head-id').val(array[0]);
                //$('#head-description').val(array[1]);
            
            }
        });
 
}
 

Llamo al control donde asigno el array y hago el llamo a la base de datos

Código PHP:

public function searchIdDescription(){
        $description = $_POST['description'];
        $idDescription = $this->sales_model->searchIdDescrip($description);
        $id = 0;
        $description = '';
        foreach($idDescription as $row){
            $id = $row['producto_id'];
            $description = $row['producto_descripcion'];
        }
        $array = array(0 => $id,
                       1 => $description);
        echo json_encode($array);
    }
 

Voy a la base de datos

Código PHP:

function searchIdDescrip($description){
    $idDP = $this->db->query("SELECT * FROM producto WHERE producto_descripcion LIKE '$description' LIMIT 1");
        return $idDP->result_array();
    }
 

Espero me puedan dar una mano.

Gracias y Saludos.

[xfxstudios]

y en el js donde le estas indicando que data vas a pasar a la url, pues no lo veo y sin ello no te va a arrojar un resultado

prueba asi:

Código Javascript:

function addDescription(){
    var description = $('#searchDP1').val();
    var baseUrl = $('#formRegisterEdition').attr('baseUrl');
    $.ajax({
            type: 'POST',
       data: {'description':description},
            url: baseUrl+'sales/searchIdDescription',
            success: function(response){
                var array = eval(response);
                $('#head-id').val(array[0]);
                //$('#head-description').val(array[1]);
            
            }
        });
 
}
 

aunque sigo con mis reservas

[horusorion]

Segun mis conocimientos de Jquery, Si no me equivoco el error esta aqui:

Código Javascript:

data: {'description':description}
 

Ell nombre de la clave no debe llevar comillas y el valor menos porque es una variable! Si la clave esta en comillas aun no es json y debes transformarlo porque lo que tienes es un string por lo que cuando llames a la clave description no de dara nada porque el codigo javascript se detuvo alli!

[rodocoyote15]

El código de @xfxstudios está teóricamente correcto.

La data de un ajax (hablando de que se usa jquery) se coloca dentro de llaves, entre comillas el nombre que quieres recibir en el php, seguido de dos puntos y la variable que contiene la info. Saludos