0

我已经实现了 JQuery 的“自动完成小部件”来从 PHP 文件中获取值：

HTML：

<input id="product_name_1" type="text" value=""/>
<input id="quantity_1"     type="text" value=""/>
<input id="unit_price_1"   type="text" value=""/>

<input id="product_name_2" type="text" value=""/>
<input id="quantity_2"     type="text" value=""/>
<input id="unit_price_2"   type="text" value=""/>

....

查询：

jQuery(document).ready(function(){
    $('input[id^="product_name"]').autocomplete({source:'suggest_product_name_jquery.php', minLength:2});
    });

PHP：

$data[] = array(
    'label' => $row['product_name_hebrew'] .' (USD $'. $row['supplier_usd_price'] .')',
    'value' => $row['product_name_hebrew'],
);

echo json_encode($data);

此代码自动完成所有“product_name_x”字段就好了。

我需要的是一种根据“product_name_x”的选定自动完成值更改相邻字段（quantity_x，unit_price_x）中数据的方法。

我知道我可以在此字段上触发“更改”后运行另一个查询...但最好的事情是如果我可以从 PHP 文件中获取额外数据并将其分配给相邻字段（quantity_x，unit_price_x）一次“自动完成” ' 已经完成了。

在寻找解决方案 2 小时后 - 任何想法都会很棒:-) 非常感谢！

4

1 回答 1

1

假设您的自动完成请求返回所需的字段值，那么您可以使用该select事件来实现这一点

例如：在此演示中，响应采用以下格式

{
  "label": "One",
  "value": 1,
  "type": "v",
  "raw": "p"
}

然后

  $('#combo').autocomplete({
    source:'data.json',
    minLength:2,
    select: function(e, ui){
      $('#type').val(ui.item.type);
      $('#raw').val(ui.item.raw);
    }
  });

演示：Plunker

于 2013-06-04T08:59:50.323 回答