Есть вот такой элемент сортировки - jsfiddle.net/zmQzw
Проблема следующая - выбираем значение первого select, например, "по цене" - все хорошо, второй select заполнился как надо. Теперь выбираем значение "по названию" - все плохо, во втором селекте выбранным показывается 2-ой option, а не 1-ый, как должно быть.
Отображается первым выбранное до этого значение второго селекта. Если необходимо сделать иначе, после вставки templateOptions нужно найти нужный option и поставить ему свойство selected.
Спасибо. Я пробовал так:
$selectOrder.attr('name', 'order').html(templateOptions).find('option:first:selected') и думал: почему же у меня не выбирается первый option. Оказывается, я делал выборку, а не устанавливал значение selected. Ступил. Сделал так:
$selectOrder.attr('name', 'order').html(templateOptions).find('option:first').prop('selected', true);
Решение, вам конечно предложили, и нормальное.
Но, если вы все равно в переменной jQuery пешете HTML код типа 'option value="desc" ' что вам мешает вписать в первый опшн слово selected? :) В чем глубинная суть сначала нарисовать DOM элемент jQuery, а потом ей же еще найти, прочитать этот элемент, найти его первого ребенка и средствами jQuery добавить ему свойство selected.
Почему то вспомнилась старинная английская поговорка :) - "candy is dandy but liquor is quicker"
Не сработает, потому что при выборе элемента "по убыванию" свойство selected у первого опшна убирается и переходит на второй. К тому же это не гибкое решение, потому что может понадобиться написать для каждого выбранного пункта сортировки свое направление сортировки по умолчанию.
