我有一个代码,我的期末考试是将所选项目的信息写入<li>
标签。
我想编写代码,但我的代码不能使用选项数据设置。
HTML:
<div class="dropdown-buttons">
<select id="selekt" class="dropdown" onchange="run()" data-settings='{"wrapperClass":"flat"}'>
<option>Choose a plan</option>
<option> Starter</option>
<option> PRo</option>
</select>
</div>
脚本:
function run() {
document.getElementById("test1").value = document.getElementById("selekt").value;
document.getElementById('test1').innerHTML += '<br>Some new content!';
}
最终HTML(我想在其中插入信息。)
<a href="#">100 GB<label>$29/month</label></a>
</div>
<ul>
<div id="test1" name="test1"></div>
<li> </li>
<li><a href="#">100 GB space</a></li>
<li><a href="#">1 Domain Name</a></li>
<li><a href="#">500 GB Bandwith</a></li>
</ul>
我试图将div添加到最后,我试着写这个div,但没有任何帮助。我得到一个示例“我现在有内容”的消息(哪个好),但是使用data-settings ='{“wrapperClass”:“flat”}'选项,代码无效。
你知道为什么吗?