jQuery Mobile Modifier DropDown Option sélectionnée et l'actualiser

Je suis en train d'écrire jQuery Mobile App.
Je suis l'évolution déroulante de l'option sélectionnée via la déclaration ci-dessous:-
$("#DataBaseNames").val(db);

Je suis sûr de corriger db valeur transmise, comme je l'ai vérifié via alerte.
Quand je forer vers le bas de la liste déroulante, il montre aussi le texte correct est sélectionné, mais déroulante lui-même ne montre pas le bon texte sélectionné.

Toute actualisation d'appel j'ai besoin d'insérer?

Modifier:-l'Ajout de code ci-dessous la réponse de phill résolu

<script type="text/javascript">   

        $("#@ViewBag.DivTitle").live('pageshow', function () {

            var db = getCookie("DataBaseNames");

            $("#DataBaseNames").val(db);            
            $("#DataBaseNames option[value='"+ db + "']").attr("selected", "selected");

            //     refresh value , Following is what is required        
            $('select').selectmenu('refresh');

            $("#cmdLogOn").live("click", function () {
                var dbSelected = $("#DataBaseNames option:selected").text();              
                setCookie('DataBaseNames', dbSelected);
            });
        });

        function setCookie(name, value) {
          var expires = "";
            document.cookie = name + "=" + value + expires + "; path=/";
        }

        function getCookie(name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
            }
            return null;
        }
    </script>

source d'informationauteur Sutikshan Dubey

  1. 37

    mettre à jour la coutume sélectionnez

    Ce est utilisé pour mettre à jour l'sélectionnez personnalisé pour refléter le natif de sélectionner la valeur de l'élément.Si le nombre de
    options du select sont différentes que le nombre d'éléments dans le
    menu personnalisé, il va reconstruire le menu personnalisé. Aussi, si vous passez un vrai
    argument, vous pouvez forcer la reconstruction de se produire.

    //refresh value         
$('select').selectmenu('refresh');

//refresh and force rebuild
$('select').selectmenu('refresh', true);

    Docs:

  2. 2

    J'ai vérifié ce lien et trouvé de travail pour moi. Essayez ceci:

    var myselect = $("select#YourDropdownID");
myselect[0].selectedIndex =0;
myselect.selectmenu("refresh");
  3. 0

    Si vous souhaitez modifier une liste déroulante basée sur une autre utilisation de ce. 

    <link href="code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css" rel="stylesheet"/>
<link href="jquery/css/index.css" rel="stylesheet"/>
<link href="../favicon.ico" rel="shortcut icon"/>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"/>
<link href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script>
<script type="text/javascript">
function ItemNo()
{
var no = $('#sltItemNo')[0].selectedIndex;
var myselect = $("select#sltItemName");
myselect[0].selectedIndex =no;
myselect.selectmenu("refresh");
}
function ItemName()
{
var no = $('#sltItemName')[0].selectedIndex;
var myselect = $("select#sltItemNo");
myselect[0].selectedIndex =no;
myselect.selectmenu("refresh");
}
</script>
<select id="sltItemNo"  onchange="ItemNo()" data-shadow="false" data-mini="true">
<option value="Abc">1</option>
<option value="Cde">2</option>
<option value="Efg">3</option>
</select>
<select id="sltItemName"  onchange="ItemName()" data-shadow="false" data-mini="true">
<option value="1">Abc</option>
<option value="2">Cde</option>
<option value="3">Efg</option>
</select>