Bootstrap-Wählen Sie ein Element und wählen Sie es

Question

Ich verwende Silvio Moreto Bootstrap Select.

Auf meiner Seite habe ich eine Schaltfläche, die ein Modal mit einem Eingabefeld öffnet, mit dem Sie ein Element zum Auswahlpicker hinzufügen können. Ich möchte dann diesen Artikel automatisch auswählen lassen, aber ich kann ihn nicht zur Arbeit bringen.

Der Code, den ich habe, ist:

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

Aber es funktioniert einfach nicht. Der Artikel wird nicht ausgewählt.

Ich habe versucht, mit der Auswahlleitung ersetzt:

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

aber, dass entweder

Irgendwelche Ideen sehr geschätzt funktioniert nicht (obwohl das Element an den selectpicker hinzugefügt bekommt).

Answer 1

Sie haben einen Tippfehler. Statt:

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

Sie benötigen:

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

Hier ist eine JSFiddle Demo: http://jsfiddle.net/xbr5agqt/

Der "und wählen Sie 'Sojasoße' Option" -Taste führt Folgendes aus:

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

Ein etwas schnellerer Ansatz (verwendet von der Schaltfläche "Add and select 'Relish' Option") ist zu hängen Sie das neue <Option> Element mit dem Attribute selected bereits angewandt:

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