Html5 ComboBox
Set the displayMember property of the jqxComboBox.
Author: http://jqwidgets.com
HTML
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='jqxComboBox'></div>
JavaScript
var source = [{
Auftraggebername: "Affogato",
AGID: 0
}, {
Auftraggebername: "Americano",
AGID: 1
}, {
Auftraggebername: "Bicerin",
AGID: 2
}, {
Auftraggebername: "Breve",
AGID: 3
}, {
Auftraggebername: "Café Bombón",
AGID: 4
}];
// Create a jqxComboBox
$("#jqxComboBox").jqxComboBox({
source: source,
theme: 'energyblue',
width: 200,
height: 25,
selectedIndex: 0,
displayMember: 'Auftraggebername',
valueMember: 'AGID',
promptText: 'SELECT',
checkboxes:true
});