使用對象數組作爲源的JQuery自動完成返回值

在使用對象數組作爲源的JQuery自動完成中，我可以在INPUT中顯示標籤並稍後訪問該值嗎？默認行爲是在選擇之後該值顯示在INPUT中。在這種情況下，這些值表示表中行中唯一鍵的索引。由選擇的標籤輸入使用對象數組作爲源的JQuery自動完成返回值

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>autocomplete demo</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
</head> 
<body> 
    <label for="autocomplete">Select a programming language: </label> 
    <input id="autocomplete"> 
    <script> 
    $("#autocomplete").autocomplete({ 
     source: [ { label:"c++", value:1 }, { label: "java", value:2 }, { label: "javascript", value:3 } ] 
    }); 
    </script> 
</body> 
</html>

來源

2013-10-25 user2920430

[JQuery自動完成如何在自動完成文本輸入中寫入標籤的可能的重複？]（http://stackoverflow.com/questions/19312840/jquery-autocomplete-how-to-write-label-in-autocomplete-text - 輸入） –

集VAL顯示標籤，而不是它的值

$("#autocomplete").val(ui.item.label);

對輸入數據添加屬性

<input id="autocomplete" data-value>

和存儲選擇的值

$("#autocomplete").attr("data-value",ui.item.value);

這是JSFiddle

來源

2013-10-25 21:51:41

使用對象數組作爲源的JQuery自動完成返回值

回答

相關問題