Javascript 数组中的对象。@Tomalak好的，那么数组是这样的：我如何调用元素来创建列表？通过调用array\map来提取相关属性，就像Davide的回答所示。 Product name: <textarea class="form-control" id="

---

数组中的对象。@Tomalak好的，那么数组是这样的：我如何调用元素来创建列表？通过调用

array\map

来提取相关属性，就像Davide的回答所示。

Product name:
<textarea class="form-control" id="product_name" name="product_name" rows="1" cols="70" placeholder="" type="text" required></textarea>
<br>
Product price:
<textarea class="form-control" id="product_price" name="product_price" rows="1" cols="70" placeholder="" type="text" required>
</textarea>

$(function() {
    var tagi = [
        ["product_name_1", "10"],
        ["produc_name_2", "20"],
        ["produc_name_3", "20"],
    ];
    $( "#product_name, #product_price" ).autocomplete({
        source: tagi[0,1]
    });
});

$(function () {
  function setPriceByProduct(prod, values) {
    for (var i = 0, len = values.length; i < len; i++) {
      if (values[i][0] == prod) {
        $('#product_price').val(values[i][1]);
        break;
      }
    }
  }

  var tagi = [
    ["product_name_1", "10"],
    ["produc_name_2", "20"],
    ["produc_name_3", "20"],
  ];

  $("#product_name, #product_price").autocomplete({
    source: tagi.map(function(val){return val[0]}),
    select: function (event, ui) {
      setPriceByProduct(ui.item.value, tagi);
    }
  });
});

$( function() {
    function setPriceByProduct(prod, values) {
    for (var i = 0, len = values.length; i < len; i++) {
      console.log(values[i][0])
        if (values[i][0] == prod) {
        $('#product_price').val(values[i][1]);
        break;
      }
    }
  }

    var tagi = {
      "product_name_1": "10",
      "product_name_2":"20",
      "product_name_3" : "20"
    };
  tagi1 = Object.keys(tagi);
  var tagi2 = Object.values(tagi);

    $( "#product_name" ).autocomplete({
      source: tagi1,
    select: function(event, ui){
       $('#product_price').val(tagi[ui.item.value]);
    }
    });
    $( "#product_price" ).autocomplete({
      source: tagi2
    });
});