Как открыть меню начальной загрузки

Question

Я использую bootstrap-select в форме со многими записями. Теперь я хотел бы подтвердить форму таким образом, чтобы пользователь более точно направлял недостающие поля. так я использую:

$('html, body').animate 

для перехода к отсутствующему полю/выберите пункт , а затем:

field.focus(); 

, чтобы установить курсор в поле ввода

Теперь для выбора элементов я хотел бы открыть раскрывающийся список в этом случае.

Есть ли способ сделать это?

я пытался следующий благодаря наводке магглов:

function goToFormField(field){ 
    var offset=80; 
    $('html, body').animate({ 
       scrollTop: field.parent().offset().top - offset 
    }, 100,"easeInOutCirc",function(){ 
     if(field.is("input")){ 
      field.focus(); 
     }else if(field.is("select")){ 
      field.selectpicker('show')   
     } 
    } 
    ); 
} 

, но это не сработало. EDIT: указанная функция selectpicker ('show') показывает только элемент select, а не выпадающее содержимое.

Спасибо.

Answer 1

Я предполагаю, что вы говорите о плагине this для Bootstrap.

Если это так, в соответствии с documentation, плагин имеет метод .show(), который программно показывает меню выбора начальной загрузки.

$('.selectpicker').selectpicker('show'); 

Answer 2

самозагрузка-выбрать только требует открытого класса, чтобы быть добавлены в том же классе, как выберите элемент, например:

// To Open 
$('.selectpicker').addClass('open'); 

// To Close 
$('.selectpicker').removeClass('open');