Как получить значения или тексты из тега HTML select с помощью JavaScript?

#javascript #html

Вопрос:

В моем html-файле у меня есть следующее:

 lt;td id="trainers_rowC1"gt;Trainer1lt;/tdgt;  lt;tdgt;lt;input type="button" id="edit_button1" value="Edit" class="edit" onclick="edit_rowC('1')"gt;lt;/tdgt;

В моем файле JavaScript у меня есть эта функция:

 function edit_rowC(no) {  var trainers = document.getElementById("trainers_rowC"   no);  var trainers_data = trainers.innerHTML;  trainers.innerHTML = "lt;select id ='trainers_options"   no   "'gt;lt;option value='"   trainers_data   "'gt;"; }

Но когда я нажимаю кнопку «Изменить», выпадающее меню пусто. В чем же заключается ошибка?

Ответ №1:

Это работает на меня.

Ваша ошибка заключалась в том, что вы попытались задать содержимое тега опции с value="..." помощью . Но вы должны написать это между двумя тегами. —gt; lt;optiongt;" test "lt;/optiongt;

 function edit_rowC(no) {  var test = document.getElementById("trainers_rowC"   no).innerHTML;  document.getElementById("trainers_rowC"   no).innerHTML = "lt;tdgt;lt;select id ='trainers_options"   no   "'gt;lt;optiongt;"   test   "lt;/optiongt;lt;optiongt;testlt;/optiongt;lt;/selectgt;lt;/tdgt;"; }

Ответ №2:

Похоже, в назначении тренеров нет никаких закрывающих тегов.innerHTML — может быть, это так?