Комментарии: jQuery работа с select

Автор: gs-design

gs-design — Thu, 05 Jan 2012 12:00:46 +0000

Возвращаясь к вопросу:
Сегодня проверил результат работы в IE 9, Opera, Chrome, FireFox – через val работает великолепно. Серцы копать не стал – не такой я пока энтузиаст :)
К слову, установка значения через val в jQuery – это верно, но в select значение нам и надо изменить.

Приведённый способ через attr так же верен, но здесь используется то, что браузеры отождествляют атрибуты и свойства элементов DOM (http://javascript.ru/tutorial/dom/attributes).
При способе задания выбранного элемента через val изменяется именно свойство, а не атрибут (проверял через FireBug).

Автор: Виталий

Виталий — Wed, 04 Jan 2012 21:29:09 +0000

gs-design :
Хорошая статья. Часто подсматриваю…
пользую jQuery 1.6.4 мои 5 копеек:
Сделать выбранным элемент, value которого = 2:
$(«#my_select»).val(2)

Насколько я помню, такой способ просто ставит значение 2, имхо более верно использовать $(«#my_select option[value=2]«).attr(‘selected’, ‘selected’); – грубый способ, ну или $(«#my_select option[value=2] :selected»); – этот вроде более верный, но я не уверен в синтаксисе,..

Автор: gs-design

gs-design — Wed, 04 Jan 2012 17:37:38 +0000

Хорошая статья. Часто подсматриваю…
пользую jQuery 1.6.4 мои 5 копеек:

Сделать выбранным элемент, value которого = 2:
$(«#my_select»).val(2)

Автор: Ник Дизель

Ник Дизель — Thu, 10 Nov 2011 18:12:34 +0000

Хорошая статья… Вот только не всё из выше перечисленного работает корректно, а жаль :(.

Например,

$(«#my_select :selected»).text(); – не работает (возвращает 2 раза текст)

$(«#my_select :selected»).html(); – не работает (возвращает текст только первого элемента, а не выбранного)

Автор: nice

nice — Mon, 07 Nov 2011 18:54:24 +0000

Забавно! Сам хотел предложить этот вариант, но он и у меня не заработал ))) Видимо тоже где то тупанул.

Автор: Jazz

Jazz — Mon, 07 Nov 2011 18:33:16 +0000

Спасибо за подсказки) проблему я решил в тот же день, буквально через 10 минут.
Все просто:
$(‘#select1 option[text=’qwe’).attr(«selected», «selected»);

Этот вариант был первый на уме, но почему-то не сработал сразу(видимо торопился). После перебора кучи дополнительных способов попробовал этот еще раз и все заработало)

Автор: Jane

Jane — Thu, 03 Nov 2011 07:20:43 +0000

Вопрос снят. Придумала, как сделать =)

Автор: Jane

Jane — Thu, 03 Nov 2011 06:45:08 +0000

Вопрос. У меня в коде несколько селектов с разными id. Они получаются в цикле. Как мне получить id селекта, в котором выбрали опцию? Не id опции, а id самого селекта? Спасибо!

Автор: panoptus

panoptus — Wed, 02 Nov 2011 02:46:31 +0000

Jazz, как на счет
$(«#my_select :contains(‘two’)»).each(function(){
if(this.html()==’two’)
this.attr(«selected», «selected»);
});

Автор: nice

nice — Tue, 01 Nov 2011 20:19:04 +0000

Jazz, можно попробовать так:
$(«#my_select»).find(«option:contains(‘two’)»).first().attr(«selected», «selected»);
или:
$(«#my_select :contains(‘two’)»).first().attr(«selected», «selected»);

Но это не решение проблемы, это просто выбрать первый попавший элемент под маску two.

Хорошую задачку подкинули!