Jquery-Mobile: Comment faire pour ajouter les données de manière dynamique à l'sélectionnez menu basé sur la zone de texte valeur

Je suis nouveau sur jquery mobile. Dans mon INTERFACE utilisateur, une zone de texte et sélectionnez un menu sont là. D'abord, sélectionnez menu est vide.Si la zone de texte valeur de plus de 1 puis de certaines données est ajouté à l'sélectionnez menu sinon, sélectionnez menu est vide. Pour cela, je suis l'appel de la fonction à la onchange du select menu mais il n'est pas de travail. Svp quelqu'un peut m'aider.

Edit:

Ex:

$('#Goal_Time').bind( "focus", function(event, ui) 
{   
    if(Goal_WeightVar.val() > 0)
    {
        Goal_WtVar = Math.abs(weightVar.val() - Goal_WeightVar.val());
        Min_DurationVar = Math.round(Goal_WtVar * 2.2);
        for(var i=0;i<10;i++)
        {
            $('#Goal_Time').append('<option value=Min_DurationVar>Min_DurationVar</option>');
        }       
    } 
});

grâce

InformationsquelleAutor naresh | 2011-12-19
  1. 3

    Bien un Peu de travail exemple:

    JS

    $('#Goal_WeightVar').live('change', function() {
    var weightVar     = 0; //for testing only
    var goalWeightVar = $('#Goal_WeightVar').val();

    if(goalWeightVar > 0)
    {
        Goal_WtVar = Math.abs(weightVar - goalWeightVar);
        Min_DurationVar = Math.round(Goal_WtVar * 2.2);
        for(var i=0;i<10;i++)
        {
            $('#Goal_Time').append('<option value='+Min_DurationVar+'>'+Min_DurationVar+'</option>');
        }      
        $('#Goal_Time').listview('refresh'); 
    } 
});

    HTML

    <div data-role="page" id="Goal_Time_Page">
    <div data-role="content">
        <label for="Goal_WeightVar">Goal Weight:</label>
        <input type="text" name="Goal_WeightVar" id="Goal_WeightVar" value="" />
        <label for="Goal_Time" class="select">Goal Time:</label>
        <select name="Goal_Time" id="Goal_Time">
            <!-- Add options here -->
        </select>
    </div>
</div>

    Vous aurez besoin de ruser

    • merci, cela fonctionne. Mais je veux effacer les données précédentes et ajouter les nouvelles données lorsque la valeur est modifiée. Comment le faire
    • dans la zone de texte ou les options?
    • Fonctionne très bien pour moi
    InformationsquelleAutor Phill Pafford
  2. 2

    Comme il est dit dans la doc de jQuery Mobile, vous avez à dire à l'sélectionnez menu pour mettre à jour son contenu en appelant $('select').selectmenu();

    Si cela ne fonctionne toujours pas, vous aurez après un petit exemple de code pour que je puisse avoir un coup d'oeil.

    Modifier:

    En fait, ce n'est même pas nécessaire. Si vous avez un vide <select id="to-append"></select>, vous pouvez simplement ajouter des options via $('#to-append').append('<option value="a">A</option>')!

    La onchange cas de la sélection est probablement pas le cas pour ce faire, cependant. Le select ne changera pas, tant que c'est vide, c'est ainsi que votre événement ne sera jamais déclenché. Essayez le blur cas de la zone de texte.

    jQuery Mobile Docs - Sélectionnez

    • La méthode que j'ai utiliser? onchange() ou autre chose
    • Comment faire pour ajouter la variable qui contient le nombre de la sélection du menu?parce que je suis l'ajout de nom de variable, il affiche même variable a pas la valeur qu'il détient. J'ai édité la Question plz renvoyer
    • Désolé de ne pas répondre plus tôt, je viens de voir ce commentaire maintenant. Si vous utilisez append comme dans l'exemple ci-dessus, vous pouvez fournir une chaîne HTML qui contient la valeur et le texte de la nouvelle option.
    InformationsquelleAutor amiuhle