Guriddo » Topic: jquery ui autocomplete question

jquery ui autocomplete question

Guriddo
jquery ui autocomplete question

This topic has 1 reply, 2 voices, and was last updated 7 years, 2 months ago by guriddo.support.

Creator

Topic

February 11, 2019 at 3:15 pm #127097

krisreddy

Participant

Hello,

I am using the jquery ui autocomplete plugin on dataInit – it works – but the problem is that when user select an item, the value of the datasource is set to the input field and not the label.

What would like is to set the input filed to label and post the value parameter – Is there anyway to achieve this

var countries = [
{label: &quot;United States&quot;, value: &quot;US&quot;},
{label: &quot;Canada&quot;, value: &quot;CA&quot;},
{label: &quot;Mexico&quot;, value: &quot;MX&quot;},
{label: &quot;Brazil&quot;, value: &quot;BR&quot;}
];

dataInit:function(el){
$(el).autocomplete({
source:countries,
minLength: 2,
autoFocus:true,
select:function(event,ui){
$(el).val(ui.item.label);
}
});

var countries = [

{label: "United States", value: "US"},

{label: "Canada", value: "CA"},

{label: "Mexico", value: "MX"},

{label: "Brazil", value: "BR"}

];

dataInit:function(el){

$(el).autocomplete({

source:countries,

minLength: 2,

autoFocus:true,

select:function(event,ui){

$(el).val(ui.item.label);

}

});

I can set label using the select event but need somehow post the value

Thanks,

Kris

Creator

Topic

Viewing 1 replies (of 1 total)

Author

Replies
February 12, 2019 at 3:43 pm #127100

guriddo.support
Participant

Hello,

This can be achieved with two fields – one to accept the value and the another to show the label. The first field which will accept the value can be set to readonly and during showing the form it can be hidden (beforeShowForm).

In this case the logic of select can be changed to set the value of the first field and set the label of the second.

Do not forget to clear the value in first field if nothing is selected.
Here is a demo, but in php jqGrid

Another solution is to use a select2 plugin with custom defined field

Kind Regards,
Will

Guriddo Support Team
Author

Replies

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.

Stay connected with us in your favorite flavor!

jquery ui autocomplete question

Search Forum

Recent Replies

Forum Statistics

UserOnline