我想动态向div添加一个下拉菜单(jQuery),但它无法工作。我想要以下结构:
我已经阅读了这个,但它并没有起作用。
下面是我尝试过的内容:
<select id="surah_selection" style="position:relative; top:10px; left:25px">
<option id="1">Select Surah</option>
<option id="2" >Al-Baqra</option>
<option id="3">Al-Fatiha</option>
<option id="4">Al-noor</option>
<option id="5">Al-Tobah</option>
</select> <!--Surah selection ends -->
我已经阅读了这个,但它并没有起作用。
下面是我尝试过的内容:
$('#book_selection').change(function(){
alert("changed");
var option = document.createElement("option");
option.text = 'df';
option.value = 'df';
var temp = document.createElement('select');
temp.appendChild(option);
var root = document.getElementById('book_selection');
root.appendChild(temp);
alert("done");
});