我的代码不能使用数据设置选项

时间:2015-09-13 22:26:28

标签: javascript jquery html css

我有一个代码,我的期末考试是将所选项目的信息写入<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”}'选项,代码无效。

你知道为什么吗?

0 个答案:

没有答案