0

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

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

这适用于自动完成。

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

<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>
4

2 回答 2

2

试试这个链接。

那是示例代码：

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

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

于 2012-05-21T15:32:58.163 回答
0

我为你做了这个：

我还为文本事件使用了一个插件：

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

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

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

于 2012-05-21T15:44:17.700 回答