获取动态创建的下拉列表时出错

Question

我有一个div，我确实附加了一个下拉菜单。一切都很好但是当我试图获得该下拉列表的选定值时，我在浏览器控制台上出现错误“无法读取属性'未定义'未定义'”。

代码：

var selected_index_book = document.getElementById("surah_selection");
var book_sel = selected_index_book.options[selected_index_book.selectedIndex].value;
var book_option_id=$('option:selected', $('#surah_selection')).index();

Answer 1

使用

var book_sel = $("#surah_selection option:selected").text();
var book_option_id = $("#surah_selection option:selected").attr('id');

Answer 2

你可以试试这个：

   var temp = $('#surah_selection option:selected').text();