現在、これを単一のオートコンプリート ボックス (id="drug") に使用していますが、美しく機能します。選択肢と同じ配列を使用する 2 つ目のオートコンプリート ボックス (id="drug2") が必要です。私はそれをまったく機能させることができないようです。コードを変更しようとするたびに、両方でコードを壊します。誰かが私を正しい方向に導くエレガントなソリューションを持っていると確信しています。. .
<script type="text/javascript">
function findValue(li) {
if( li == null ) return alert("No match!");
// if coming from an AJAX call, let's use the DrugId as the value
if( !!li.extra ) var sValue = li.extra[0];
// otherwise, let's just display the value in the text box
else var sValue = li.selectValue;
//alert("The value you selected was: " + sValue);
}
function selectItem(li) {
findValue(li);
}
function formatItem(row) {
return row[0] + " (id: " + row[1] + ")";
}
function lookupLocal(){
var oSuggest = $("#drug")[0].autocompleter;
oSuggest.findValue();
return false;
}
$(document).ready(function() {
$("#drug").autocompleteArray(
['Acyclovir','Amikacin','Aminophylline','Amiodarone','Ampicillin','Atropine','Azithromycin','Aztreonam','Bupivacaine','Calcium Chloride','Calcium'],
{
delay:10,
minChars:1,
matchSubset:1,
onItemSelect:selectItem,
onFindValue:findValue,
autoFill:true,
maxItemsToShow:100
}
);
});
</script>