Sunday, 10 January 2021

Inputpicker dispose filter after setting value

I am using "Jquery inputpicker plugin" which its references can be find here. I use this plugin for dropdown menus. I initiate my drop down using below code:

$('#test').inputpicker({
    data:[
        {value:"1",text:"USD"},
        {value:"2",text:"EUR"},
        {value:"3",text:"CNY"}
    ],
    fields:[
        {name:'value',text:'Id'},
        {name:'text',text:'Title'}
    ],
    autoOpen: true,
    headShow: false,
    filterOpen: true,
    fieldText : 'text',
    fieldValue: 'value'
    });

I can set selected item of my list by code:

$('#test').inputpicker('val', 1); // selecting "USD"

after setting the value of my field , when users try to open the drop down and look for another item, there is no item visible but "USD". For selecting another item, user should erase all characters manually, then other items will be displayed.

I am looking for a way to show all items after setting selected item.

I have created a sample of my code here: https://jsfiddle.net/6eL9pfdw/



from Inputpicker dispose filter after setting value

No comments:

Post a Comment