Получить выбранное значение OPTION из множества форм SELECT

@Jurboss · Регистрация: 10.09.2017

Студворк — интернет-сервис помощи студентам

Есть много форм выбора SELECT, выводятся циклом. Нужно получить значение выбранного OPTION в выбранном SELECT.

JavaScript
1
2
3
4
5
6
7
8
<script type="text/javascript">      
       function SelectDB(dan1,dan2,dan3)
      {
           //var dan =  $(this).find('option:selected').text(); так не работает
            var dan = $(this).find('option:selected').text(); // Пустое значение
            alert (dan1+' '+dan2+' '+dan3+' Выбрано - '+dan); 
      }
  </script>

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
      $x1 = "Класс";
      $x2 = "День";
      $x3 = "Урок";
?>
 <?php for ($i=1;$i<10;$i++){ ?>
<SELECT name="SelectMyLove" id="SelectMyLove" OnChange="SelectDB('<?=$x1.$i?>','<?=$x2.$i?>','<?=$x3.$i?>')" >
    <OPTION value="1">Выбираем предмет</OPTION>
    <OPTION value="2">Математика</OPTION>
    <OPTION value="3">Физика</OPTION>
    <OPTION value="4">Химия</OPTION>
    <OPTION value="5">География</OPTION>
</SELECT>
<br>
<?php } ?>

@mrtoxas · 10.09.2017, 13:30

HTML5
1
<SELECT name="SelectMyLove" id="SelectMyLove" OnChange="SelectDB(this)" >

JavaScript
1
2
function SelectDB(elem) {
  var dan = $(elem).find(":selected").text();

Или

HTML5
1
<SELECT name="SelectMyLove" id="SelectMyLove">

JavaScript
1
2
3
$('select').on('change', function(){
  alert($(this).find(":selected").text());
})

А в вашем примере, this - это глобальный объект window, а не выбранный select.

@Jurboss · 10.09.2017, 13:52 **[ТС]**

А теперь как из SELECT еще три значения передать в функцию, чтобы идентифицировать данные.

Добавлено через 5 минут
Спасибо за подсказку, разобрался.

HTML5
1
<SELECT name="SelectMyLove" id="SelectMyLove" OnChange="SelectDB(this,'<?=$x1.$i?>','<?=$x2.$i?>','<?=$x3.$i?>')" >

и Ваша подсказка

JavaScript
1
2
3
4
5
function SelectDB(elem,dan1,dan2,dan3)
      {
            var dan = $(elem).find(":selected").text();
            alert (dan1+' '+dan2+' '+dan3+' Выбрано - '+dan); 
      }

@mrtoxas · 10.09.2017, 13:53

del

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	10.09.2017, 13:53
	del 0

Получить выбранное значение OPTION из множества форм SELECT

Решение