jQuery mobile. Dynamiquement de remplissage, Sélectionnez menu. Option de ne pas afficher d'abord

Je suis d'avoir des problèmes avec remplissage dynamique un, sélectionnez menu en jQuery mobile.

Quand j'ai ajouter les options, la valeur initiale n'est pas indiqué et je viens d'obtenir une ligne vide. Les valeurs sont là et peuvent être sélectionnés en cliquant sur le menu, mais c'est juste le point de vue initial. Il fonctionne très bien lorsque je l'ai coder en dur le menu dans la page. Je suppose que c'est parce que j'ai d'abord avoir un vide déroulante qui montre comme il se doit et lors de l'ajout, la vue ne sais pas à mettre à jour de manière continue de s'afficher une ligne vide. Est-il de toute façon je peux forcer l'affichage de la mise à jour après que j'ai ajouté? J'ai essayé .trigger("create") mais cela ne fait rien.

Ici est un écran montrant ce que je veux dire. Le "lieu" de liste déroulante est celui que je vais avoir des problème avec et le "test" est celui que j'ai codé en dur pour montrer ce que je suis en train de réaliser.

jQuery mobile. Dynamiquement de remplissage, Sélectionnez menu. Option de ne pas afficher d'abord

Voici le code HTML:

<label for="location" class="select">Location</label>
<select name="location" id="location"></select>
<label for="test" class="select">Test DD</label>
<select name="test" id="test">
  <option value="test1">Test 1</option>
  <option value="test2">Test 2</option>
  <option value="test3">Test 3</option>
  <option value="test4">Test 4</option>
  <option value="test5">Test 5</option>
</select>

Et voici le JS:

tx.executeSql('SELECT * FROM locations WHERE lDeleted != 1',
  [],
  function(tx,results){
    var len = results.rows.length;
    for (var i=0; i<len; i++){
      $('#location').append('<option value="'+results.rows.item(i).ID+
        '" class="dropDownBlk">'+results.rows.item(i).lTitle+'</option>');
    }
    $('#location').append('<option value="0">Add new location...</option>')
  },
  errorCB
);

OriginalL'auteur Fraser | 2012-07-15

  1. 20

    Ce qui a fait le tour:

    $("#location").trigger("change");

    OriginalL'auteur Fraser

  2. 7

    Après:

    $('#location').append('<option value="0">Add new location...</option>');

    Essayer:

    $("#location").selectmenu('refresh', true);

    OriginalL'auteur elias

  3. 0

    Après l'ajout de toutes les options à votre menu:

    $("#location option[value='test1']").attr("selected", "selected");

    ou si vous voulez juste la première valeur sélectionnée:

    $("#location option:first").attr("selected", "selected");
    J'aime l'idée. J'ai essayé en faisant $("#option d'emplacement:en premier").attr("sélectionnée", "selected"); mais cela n'a pas l'effet désiré
    il doit travailler, êtes-vous sûr de le faire après que les options ont été ajoutées à l'emplacement?
    Je suis, oui. Je pensais que cela aurait fait trop. J'ai trouvé une autre solution. Va poster dans un sec
    J'ai essayé et ça ne fonctionne pas. Si je supprime le jquery mobile de référence, il ne fonctionne pas mais tant que je ajouter de la referece arrière de la prefilling aura disparu. Fraser solution posté ci-dessus peut résoudre le problème.

    OriginalL'auteur fmsf

  4. 0

    cela fonctionne pour moi 

    $(document).on('change', "body", function(){
    $( ".ui-selectmenu" ).selectmenu();
});

    et si pas de travail déclencheur d'événement de changement de corps manuellement. 

    $('body').trigger('change');

    OriginalL'auteur Wasim A.

  5. 0

    J'ai utilisé et cela a fonctionné pour moi:

    $.each(AllTxnDAT_PRV, function(index, item) {

        var DocCode =  item.DocCode;
        var DocName =  item.DocName;        
        htmlDOC += '<option value="' + DocCode + '">' + DocName + '</option>';

    });         

$('#DocType > option').remove();
$('#DocType').append($(htmlDOC));   
$('#DocType').selectmenu();
$('#DocType').selectmenu('refresh', true);

    OriginalL'auteur MAMU