VPF::Получить значение списка - Форум программистов

serezhka1986

Дата 1.3.2012, 13:46 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Добрый день! Прошу помощи. Есть список

Код


<select name="PERIOD" style="font-size:10px;">
  <option value="">Не выбрано</option>
  <optgroup label="Все периоды"> 
      <option value="1">05.01.2012</option>
      <option value="2">12.02.2012</option>
      <option value="3">26.06.2012</option>
  </optgroup>
</select>

Value выбраного селекта получаю так (jQuery)

Код


var id_period = $('select[name="PERIOD"]').val();

Вопрос: Как получить само выбранное значение 05.01.2012, 12.02.2012 или 26.06.2012?

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

ksnk

Дата 1.3.2012, 15:01 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Код


var sel=$('select[name=PERIOD]')[0];
console.log(sel.options[sel.selectedIndex].text);

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

serezhka1986

Дата 2.3.2012, 11:55 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Че-то не работает. Хром выдает ошибку: Uncaught TypeError: Cannot read property 'options' of undefined

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

ksnk

Дата 2.3.2012, 12:18 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Как вызывается?

Код


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<select name="PERIOD" style="font-size:10px;">
  <option value="">Не выбрано</option>
  <optgroup label="Все периоды"> 
      <option value="1">05.01.2012</option>
      <option value="2">12.02.2012</option>
      <option value="3">26.06.2012</option>
  </optgroup>
</select>    
<button onclick="console.log($('select[name=PERIOD]').val())">val</button><br>
<button onclick="var sel=$('select[name=PERIOD]')[0];console.log(sel.options[sel.selectedIndex].text)">opt</button>

Так все(у меня smile

) работает.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

serezhka1986

Дата 2.3.2012, 12:30 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Вот так:

Код


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<select name="PERIOD" style="font-size:10px;">
  <option value="">Не выбрано</option>
  <optgroup label="Все периоды"> 
      <option value="1">05.01.2012</option>
      <option value="2">12.02.2012</option>
      <option value="3">26.06.2012</option>
  </optgroup>
</select>    
<button type="button" onclick="javascript: createpost();">Сформировать</button>

Фукнкция createpost:

Код


function createpost() {
    var id_period = $('select[name="PERIOD"]').val();
    var sel=$('select[name=PERIOD]')[0];
    console.log(sel.options[sel.selectedIndex].text);
}

Это сообщение отредактировал(а) serezhka1986 - 2.3.2012, 12:32

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

ksnk

Дата 2.3.2012, 12:41 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

http://jsfiddle.net/VMHjR/
а тут?

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

serezhka1986

Дата 2.3.2012, 13:11 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Не работает и все. smile

Удалось решить так:

Код


var id_period = $('select[name="PERIOD"]').val();
var sel=$('select[name=PERIOD] option:selected').text();

ksnk, спасибо за помощь!

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

ksnk

Дата 2.3.2012, 14:57 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

На каком броузере не работало?

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

serezhka1986

Дата 2.3.2012, 15:00 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Пробовал и в Опере и Хромом (в консоле ошибку смотрел).

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

ksnk

Дата 2.3.2012, 15:10 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

я тестировал в FF, Хроме, IE9 (console.log заменить на alert)

В любом случае, решение с option:selected более true-jQuery smile

Так что лучше им и пользоваться.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »