jquery envoyer la liste déroulante html

Question

ceci est un travail de noix ici. Je ne sais pas si jquery peut gérer cela. J'ai une page php appelé page1.php où je suis tomber comme ceci

<select id="startRecord" > 
    <option value="0"></option> 
</select> 

Maintenant, je caclulate quelques valeurs ici, puis envoyer les valeurs à page2.php. Maintenant sur page2.php je fais quelques calculs et je fais une requête. Si le résultat de la requête est de plus de 30 enregistrements, je veux que le menu déroulant sur page1.php reflète cela pour que mes utilisateurs puissent sélectionner la requête. laisse ainsi dire que le résultat de la requête sur page2.php était de 70, le menu déroulant à la page 1 devrait changer à ce

<select id="startRecord" > 
    <option value="0">0-30</option> 
    <option value="30">31-60</option> 
    <option value="61">61-70</option> 
</select> 

Je pense que je aurais besoin innerHtml ou .html(). Mais je ne sais pas comment l'implémenter pour ce scénario.

Answer 1

Pas sûr que je suis tout à fait votre question mais si vous demandez comment ajouter des éléments à un menu déroulant avec jquery vous pouvez faire quelque chose comme ceci:

$('#startRecord').append(
    $('<option></option>').val("30").html("31-60") 
); 

EDIT: Désolé il a fallu si longtemps. Nous avons des gens dans la maison en ce moment. Voici. Espérons que cela aide:

rhum

 $(document).ready(
      function() { 
       $("#startRecord option").remove(); 

       var total = 30; 
       var results = 100; 
       var lastOption = { Value: -1, End: 0, toString: function() { return this.Value.toString() + "-" + this.End.toString() } }; 
       var counter = 0; 

       while (parseInt(results/total, 10) >= counter) { 
        lastOption.Value = total * counter + (lastOption.Value == -1 ? 0 : 1); 
        lastOption.End = lastOption.Value + total - (lastOption.Value == 0 ? 0 : 1); 
        lastOption.End = (lastOption.End > results) ? results : lastOption.End; 
        $('#startRecord').append(
         $('<option></option>').val(lastOption.Value.toString()).html(lastOption.toString()) 
        ); 

        counter++; 
       } 
      });