0

jqueryを使用してオートコンプリートを機能させようとしています。 例の jsFiddle私のコードは正常に検証されているようです - なぜそれが機能していないのですか?

   $("#producername").autocomplete({
  source: [{
    "label": "Acme Producer",
    "value": {
      "name": "Acme Producer",
      "address": "555 Spruce St\nNew City, NY  55555",
      "phonenumber": "215-555-5555",
      "key": "Test Key"
    }
  }],
  select: function (event, ui) {
    $("#producername").val(ui.item.name);
    $("#phonenumber").val(ui.item.phonenumber);
    $("#address").val(ui.item.address);
    $("#producerkey").val(ui.item.key);
  },
  minLength: 1
});

html:

<table align="center">
  <tr>
    <th>Name</th>
    <td colspan>
      <input type="text" name="producername" id="producername" class="name"
      value="" />
    </td>
    <th>Phone Number</th>
    <td>
      <input type="text" name="phonenumber" id="phonenumber" class="phone" value=""
      />
    </td>
  </tr>
  <tr>
    <th>Address</th>
    <td colspan="3">
      <textarea name="address" id="address" class="name" rows="5" style="width:90%"></textarea>
      <input type="hidden" name="producerkey" id="producerkey" value=""
      />
    </td>
  </tr>
</table>

どんな助けでも大歓迎です!!

4

1 に答える 1

2

JS フィドル (リソースの管理) で jquery UI ライブラリを参照していません。これをチェックしてください、あなたは非常に近かったです。

value プロパティは、オートコンプリート (可能) なテキスト ボックスの値として自動的に設定されます。

JSFIDDLE

$("#producername").autocomplete({
  source: [{
    "label": "Acme Producer",
    "value": "Acme Producer",
    "data": {
      "name": "Acme Producer",
      "address": "555 Spruce St\nNew City, NY  55555",
      "phonenumber": "215-555-5555",
      "key": "Test Key"
    }
  }],
  select: function (event, ui) {
    console.log(ui.item)
    $("#producername").val(ui.item.data.name);
    $("#phonenumber").val(ui.item.data.phonenumber);
    $("#address").val(ui.item.data.address);
    $("#producerkey").val(ui.item.data.key);
  },
  minLength: 1
});
于 2013-01-15T23:38:31.583 に答える