jQuery mobile Multiselect aktualisiert das ausgewählte Attribut nicht

Question

Ich habe eine benutzerdefinierte jQuery Multiselect, aber wenn ich ein Element auswählen, haben wir die Liste der Elemente auf dem HTML-Code select, aber es ist nicht mit dem selected Attribut aktualisiert.

Using the Multiple selects example of the page:

<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br"> 
 
    <label for="select-choice-9" class="select ui-select"> 
 
    Choose shipping method(s): 
 
    </label> 
 
    <div class="ui-select"> 
 
    <a href="#" role="button" aria-haspopup="true" data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-up-c"> 
 
     <span class="ui-btn-inner ui-btn-corner-all"> 
 
     <span class="ui-btn-text"> 
 
      Rush: 3 days, Express: next day 
 
     </span> 
 
     <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span> 
 
     </span> 
 
     <span class="ui-li-count ui-btn-up-c ui-btn-corner-all" style=""> 
 
     2 
 
     </span> 
 
    </a> 
 

 
    <select name="select-choice-9" id="select-choice-9" multiple="multiple" data-native-menu="false" tabindex="-1"> 
 
     <option>Choose options</option> 
 
     <option value="standard">Standard: 7 day</option> 
 
     <option value="rush">Rush: 3 days</option> 
 
     <option value="express">Express: next day</option> 
 
     <option value="overnight">Overnight</option> 
 
    </select> 
 
    </div> 
 
</div>

Gibt es eine Möglichkeit, es fügen Sie das selected Attribut standardmäßig für die Herstellung?

Answer 1

JQuery Mobile aktualisiert das Attribut selected standardmäßig nicht als Antwort auf die Benutzereingabe. Sie können die ausgewählten Werte mit den Attributen mit dem folgenden Code synchronisieren.

Denken Sie daran, dass dies für alle Auswahlmenü-Widgets funktioniert, die Sie bereits im DOM haben. Wenn Sie eines programmgesteuert hinzufügen, müssen Sie dem Widget auch den Ereignishandler hinzufügen.