JQuery отправить раскрывающийся HTML

Question

это безумная работа здесь. Не уверен, что jquery справится с этим. У меня есть страница php с именем page1.php, где я выпадаю, как это

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

Теперь я собираю здесь некоторые значения, а затем отправляю их в page2.php. Сейчас на page2.php я делаю еще несколько расчетов и разбираю запрос. Если результат запроса превышает 30 записей, я хочу, чтобы раскрывающийся список на page1.php отражал это, чтобы мои пользователи могли выбирать запрос. так скажем, что результат запроса на page2.php был 70, раскрывающийся список на странице 1 должен измениться на

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

Я думаю, мне понадобится innerHtml или .html (). Но не уверен, как реализовать это для этого сценария.

Answer 1

Не уверен, что я полностью следую вашему вопросу, но если вы спрашиваете, как добавить элементы в выпадающий список с помощью jquery, вы можете сделать что-то вроде этого:

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

РЕДАКТИРОВАТЬ: Извините, что так долго.У нас есть несколько человек по дому прямо сейчас.Ну вот.Надеюсь, это поможет:

        $(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++;
                }
            });