Question

当我从我的数据库中选择一个结果时，我想调用一个功能，用相应的信息填充“Linha”字段，如下图所示：

这是我的代码：

我的自动填充功能：

$("#produto").autocomplete({
    source: '/pedidoOnline/index.php/Pedidos/search',
    minLength: 2,
    focus: function(event, ui) {
        $("#produto").val(ui.item.label);
        return false;
    },
    select: function(event, ui) {
        $('#procura_produto').val(ui.item.id);
            }
    });

我想调用的函数填充“Linha”字段：

function preencherLinhaProduto(obj) {
    $("#buscaLinha").autocomplete({
        source: '/pedidoOnline/index.php/Pedidos/pesquisarLinhaProduto/' + $('#procura_produto').val(),
        minLength: 2,
        select: function(event, ui) {
            $(obj).each(function() {
                $(this).closest('tr').find('input.cod_linha').val(ui.item.id);
                $(this).closest('tr').find('input.linha').val(ui.item.value);
            });
        }
    });
}

我的HTML：

<div>
    <input type="button" value="Produtos" class="btn btn-success" onClick="dialogProcurarProdutos()">
    <div id="dialogProdutos" title="Procurar produtos cadastrados">
        <label for="produto">Informe o produto que deseja procurar</label>
        <input required type="hidden" name="procura_produto" id="procura_produto"/>
        <input required class="inputGG form-control" type="text" name="produto" id="produto" placeholder="Digite no mÃnimo as duas letras iniciais"/>"
    </div>

搜索“Linha”字段

public function pesquisarLinhaProduto() {
    $this->autoRender = false;
    $this->loadModel('ProcuraProdutoPedOnline');
    // Consultando pelo que o usuÃ¡rio estÃ¡ digitando
    $produto = $this->request->params['pass'][0];
    $linhas = $this->ProcuraProdutoPedOnline->find('all', array(
            'fields' => array('cd_linha', 'ds_linha'),
            'conditions' => array(
                    'cd_cpl_tamanho' => "$produto",
            )
    ));

    // Formatar resultado
    $result = array();
    foreach ($linhas as $key => $linha) {
        $result[$key]['id'] = (int) $linha['ProcuraProdutoPedOnline']['cd_linha'];
        $result[$key]['label'] = utf8_encode($linha['ProcuraProdutoPedOnline']['ds_linha']);
    }

    $linhas = $result;

    echo json_encode($linhas);
}

但不幸的是，这不起作用。有人可以帮忙吗？

Answer 1

你快到了！你需要从自动完成的'select'回调中调用回调函数（在本例中看起来是preencherLinhaProduto）。 [针对这种情况的小jsfiddle：http://jsfiddle.net/xngLuczn/就在这里]

select: function (event, ui) {
        console.log(ui.item); //just to check
        preencherLinhaProduto(ui.item.value); //send the value here as parameter 
                                              //so the function can be generic
    }

如果您遇到错误，请发布相关的错误日志以获得更有帮助的答案。

另外我建议你将选择回调和实际的自动完成药水分开（不使用匿名功能），以保持它的风格，干净，易于自己理解和增强。

Answer 2

在@suvartheec的帮助下：

select：function（event，ui）{ 的console.log（ui.item）; //只是为了检查 preencherLinhaProduto（ui.item.value）; //在此处将值作为参数发送 //所以函数可以是通用的 }

很有效，非常感谢。

jQuery当我选择一个选项来调用一个函数

2 个答案: