Ошибка получения данных из select

@Choppa · Регистрация: 19.12.2013

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

Здравствуйте, проблема с select: имеется таблица построенная на div (tabel-cell и tabel-row)
Пример ряда.

HTML5
1
2
3
4
5
<div class="line">
        <div class="columnFio"> Никитин К.Ф</div>
        <div class="columnAge"> 46</div>
        <div class="columnSalary"> 120000.00</div>
    </div>

Есть выпадающая минюшка ака select, текстовое поле, кнопка.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="selectmenu" onchange="">
    <select id="sel">
        <option value=1>Ф.И.О.</option>
        <option value=2>Должность</option>
        <option value=3>Зарплата</option>
    </select>
 
    <input type="button" class="ok" onclick="Take(document.getElementById('sel').options[document.getElementById('sel')].value,'console')">
</div>
 
<br>
<div>
    <textarea id ="consoleID" class="console">
 
    </textarea>
</div>

И есть JS функция, которая должна брать данные из выбранного в select столбце и выдавать все значения в текстовое поле.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function Take(parametr,console) {
 
 
    var elem = [];
     elem = document.getElementsByClassName(parametr);
    for(var i=1;i<elem.length;i++)
    {
         document.getElementById("console").value+= elem[i].innerHTML;
    }
 
}

Консоль бразуера выдает такую ошибку:
Uncaught TypeError: Cannot read property 'value' of undefined
at HTMLInputElement.onclick
Можете, пожалуйста, указать мне на ошибку и сказать как ее исправить.

@Antiplayer · 14.07.2017, 17:28

Во первых,

JavaScript
1
document.getElementById("console")

Нет элемента с таким id, есть "consoleID".

Во-вторых, можно для обращения к элементу с классом "console" обратиться так:

JavaScript
1
document.querySelector(".console")

В третьих нет нет такого:

JavaScript
1
document.getElementById('sel').options[document.getElementById('sel')].value

В данном случае нужно:

JavaScript
1
document.getElementById('sel').options[document.getElementById('sel').selectedIndex].text

Но и в данном случае не сработает, так как у вас не будет работать строка:

JavaScript
1
document.getElementsByClassName(parametr);

Так как нет у вас элементов с таким классом, да и вряд ли будет, если вы пытаетесь получить текст из селекта.
Мне не очень ясна задача, что откуда и куда должно попасть.

@Choppa · 14.07.2017, 18:12 **[ТС]**

Сообщение от Antiplayer

Мне не очень ясна задача, что откуда и куда должно попасть.

Извиняюсь, я скинул код, в котором начал другую идею. В opiton не 1,2,3 , а id стоблцов.
У меня есть таблица данных, которая содержит введенные при верстке данные. Они разделены на три колонки. При нажатии на кнопку функция выводит в текстовое поле ( это не консоль, я просто для удобства назвал ее так) все значения из столбца, который был выбран в контекстном меню. Я предал value optionа id столбцов для того чтоб передать функции ряд с которым нужно работать.

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .