Question

我正在尝试通过jquery auto complete插件实现自动完成。我使用过这里的脚本jQuery UI autocomplete。我目前有一个名为“搜索感染”的字段，我将存储“描述”。

<tr>
<td>Search Infection</td>
<td>
<input id="tags" type="text"  size="80" /></td>
</tr>

这适用于自动完成。

我还有一个名为“短代码”的字段，我想在其中存储代码。

<tr>
<td>Short Code</td>
<td>
<input id="" type="text"  size="15" /></td>
</tr>

当用户在感染字段中搜索描述时，有没有办法将代码存储在“短代码”字段中？

拜托，请帮忙。

  CODE and DESCRIPTION list.

  ---------------------------------------------------------
  Code  Description
  ---------------------------------------------------------
  ID01  Actinomycosis
  ID02  Aspergillosis
  ID03  Bacteraemia / blood stream infection/ Septicaemia
  ID04  Bacterial meningitis
  ID05  Bronchiectasis
  ID06  Candidiasis
  ID07  Carotid patch infection
  ID08  Cellulitis
  ID09  Cerebral abscess
  ID10  Cholangitis
  ---------------------------------------------------------------------
  =====================================================================

  <script>
  $(function() {
    var availableTags = [
                  "Actinomycosis",
                  "Aspergillosis",
                  "Bacteraemia / blood stream infection/ Septicaemia",
                  "Bacterial meningitis",
                  "Bronchiectasis",
                  "Candidiasis",
                  "Carotid patch infection",
                  "Cellulitis",
                  "Cerebral abscess",
                  "Cholangitis" 
                    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});
</script>

Answer 1

尝试此链接。

该示例代码为：

var availableTags = [
    {key:"ID01",value:"Actinomycosis"},
    {key:"ID02",value:"Aspergillosis"},
    {key:"ID03",value:"Bacteraemia / blood stream infection/ Septicaemia"}
];

http://jsfiddle.net/5EsAb/3/

Answer 2

我为你做了这个：

我还使用了插件来处理文字事件：

http://www.zurb.com/playground/javascripts/plugins/jquery.textchange.min.js

（当感染与较少的代码不匹配时清除短代码）

现场演示： http://jsfiddle.net/oscarj24/SUckd/1/

使用自动填充功能可填充多个字段

2 个答案: