bootstrap-wybierz element dodany i wybierz go

Question

Używam Bootstrap Select Silvio Moreto.

Na mojej stronie mam przycisk otwierający modal z polem wprowadzania, które pozwala dodać element do selektora. Chciałbym wtedy automatycznie wybrać ten element, ale nie mogę go uruchomić.

Kod mam to:

$('#myselect').append('<option val="'+newitemnum+'">'+newitemdesc+'</option>'); 
$('#myselect').val(newitemnum); 
$('#myselect').selectpicker('refresh'); 

Ale to po prostu nie działa. Przedmiot nie zostanie wybrany.

Próbowałem zastępując linię wyboru z:

$('#myselect').selectpicker('val',newitemnum); 

ale to nie działa albo

Wszelkie pomysły bardzo cenione (choć rzecz ma się dodany do selectpicker).

Answer 1

Masz literówkę. Zamiast:

$('#myselect').append('<option val="'+newitemnum+'">'+newitemdesc+'</option>'); 

potrzebował:

$('#myselect').append('<option value="'+newitemnum+'">'+newitemdesc+'</option>'); 

Oto JSFiddle demo: http://jsfiddle.net/xbr5agqt/

opcję "Dodaj i wybierz 'Soy Sauce'" przycisk wykonuje następujące operacje:

$("#myselect").append('<option value="'+newitemnum+'">'+newitemdesc+'</option>'); 
$("#myselect").val(4); 
$("#myselect").selectpicker("refresh"); 

Jednym nieco szybszym podejściem (używanym przez przycisk "Dodaj i wybierz opcję" Przyprowadź ") jest dołączyć nowy <opcja> element z atrybutem selected już stosowane:

$("#myselect").append('<option value="'+newitemnum+'" selected="">'+newitemdesc+'</option>'); 
$("#myselect").selectpicker("refresh");