2012-05-21 149 views
0

我试图通过jQuery自动完成插件实现自动完成。 我已经使用了这里的脚本jQuery UI autocomplete。 我目前有一个名为'Search Infections'的字段,我在这里存储'描述'。使用自动填充填充多个字段

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

这适用于自动完成。

我还有一个名为'Short 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> 
+0

这是不明确对我来说,你正在尝试做一个自动完成时,为了获得感染的标识中的“短代码” TD (但在后面)? –

+0

我还没有测试过,但我认为你应该能够将onchange绑定到完成字段来完成你想要的。 $('#tags')。bind('change',function(e){// do your thing}); – Tom

+0

还有一个问题,您是否使用PHP? –

回答

2

尝试此链接。

这是示例代码:

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

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

0

我做了这个给你:

我也用于文本事件的插件:

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

(在感染时清除短代码离子不能用更少的代码一致)

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

+0

这就是我想要的。谢谢。当我将它加载到我的页面上时,它似乎正在工作我正在使用 jk1844

+0

@ jk1844尝试在您的脚本链接中包含”http://“(将工作) –

+0

奥斯卡非常感谢......效果很好。每个人都非常感谢。 – jk1844