bootstrap-select aggiungi elemento e selezionalo

Question

Sto usando Silvio Moreto's Bootstrap Select.

Nella mia pagina ho un pulsante che apre una modale con una casella di input che consente di aggiungere un elemento al selectpicker. Vorrei quindi avere automaticamente quell'elemento selezionato ma non riesco a farlo funzionare.

Il codice che ho è:

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

ma semplicemente non funziona. L'oggetto non viene selezionato.

Ho provato a sostituire la linea di selezione con:

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

ma questo non funziona nemmeno

Tutte le idee molto apprezzati (anche se la voce non vengono aggiunti alla selectpicker).

Answer 1

Hai un errore di battitura. Invece di:

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

È necessario:

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

Ecco una demo JSFiddle: http://jsfiddle.net/xbr5agqt/

L'opzione "Aggiungi e selezionare 'salsa di soia'" pulsante esegue le seguenti operazioni:

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

Un approccio leggermente più veloce (utilizzato dal pulsante "Aggiungi e seleziona" Relish ") è aggiungere la nuova opzione di < > elemento con l'attributo selected già applicato:

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