JQuery и установка диапазона значений

Question

Я пытаюсь найти способ использования ajax и jquery для отображения диапазона значений для поля выбора. В первом раскрывающемся списке есть параметры, которые необходимо указать для второго раскрывающегося списка, и это диапазон чисел. Я знаю, как установить значение раскрывающегося списка на 1, но не знаю, как установить весь диапазон. По умолчанию выпадающие списки генерируются функцией php range.

Любая помощь будет оценена.

Обновление Это не самый элегантный, но вот что у меня есть

$('.change').change(function(){
var options='';
var max = $('.change option:selected').attr('title');
var min = $('.change option:selected').attr('id');


for(i=min; i <= max; i++){
    options+='<option value="'+i+'">'+i+'</option>';
}
$('select[name=ticket_qty]').find("option").remove();

$('select[name=ticket_qty]').append(options);


});

У меня проблемы с перетаскиванием "ID" и "TITLE" для выбранной опции

Answer 1

если список большой, вы можете использовать что-то вроде:

var options='';
for(i=1; i <= 1234; i++){
    options+='<option value="'+i+'">'+i+'</option>';
}
$(yourSelect).append(options);

Answer 2

Если это числовые значения, вы можете захотеть использовать jQuery UI Slider . В противном случае вам просто нужно удалить / добавить опции в поле выбора, добавив к тегу выбора.

В событии изменения вашего первого текстового поля вызовите функцию, которая изменит параметры в поле выбора 2, удалив значения, которые больше не являются жизнеспособными.

function addValue(value, target) {
  $('<option value="' + value + '">' + value + '</option>').appendTo( target ); 
}

function clearValues (target) {
  $(target).find("option").remove();
}

Затем вы бы вызвали функцию следующим образом:

addValue(12,$("#select2 input") );

Примечание: я не тестировал этот код, это просто общая идея подхода.

Может быть полезно кое-что для этого.

Answer 3

Вам нужно будет перебрать элементы в поле выбора (element.options), а затем установить свойство .selected для данного свойства.

Таким образом, вы можете установить несколько вариантов выбора.

есть. element.options [i] .selected = true