DropDownList select item not working

[tbrockerParticipant]

Hi,

I am attempting to pre-select a value in a drop down list box, and cant get it to work (select item ‘Medical’). The drop down works, has all the values including ‘Medical’ and after I select I see the correct value, but I can not get it to pre-select. Please see the code below.

var source =
{
datatype: “json”,
datafields: [
{ name: ‘mtEventCodeName’, type: ‘string’}
],
url: ‘data_event_code.php’,
cache: false
};

var dataAdapter = new $.jqx.dataAdapter(source);

$(“#jqxDropDownList”).jqxDropDownList(
{
source: dataAdapter,
theme: ‘classic’,
width: 150,
height: 25,
displayMember: ‘mtEventCodeName’,
valueMember: ‘mtEventCodeName’
});
$(“#jqxDropDownList”).jqxDropDownList(‘selectItem’, ‘Medical’);

$(‘#jqxDropDownList’).bind(‘select’, function (event) {
var args = event.args;
var item = $(‘#jqxDropDownList’).jqxDropDownList(‘getItem’, args.index);
document.getElementById(‘mteventcode’).value=item.label ;
});

Thank you,

[ivailoParticipant]

Hi tbrocker,

You have to bind to the event before the “preselection” if you want to get the item.
Please refer to this DropDownList demo.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[tbrockerParticipant]

Yes, I see that I can leverage the open event then the pre-selection will work. In this case, the user would be returning to the form and pulling up an existing transaction. In that case I would like the drop-down to show the selection without opening the drop-down list box. How would you recommend I approach the pre-selection in that case?

Thank you,

[ivailoParticipant]

Hi tbrocker,

You also can use selectedIndex property.
For example selectedIndex: 1

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts