小编Csw*_*Csw的帖子

用于生成下拉菜单/删除下拉菜单的JavaScript函数

我试图<select>在按钮单击上添加和删​​除下拉列表到表单.这是我目前的代码.我可以发誓我昨晚有这个工作,但是当我今天早上在我的项目上工作时,下拉菜单不会正确添加/删除.

function DropDowns(){
    this.counter = 0;
    this.addDropdown = function (divname) {
        var newDiv = document.createElement('div');
        var html = '<select name="cookie' + this.counter + '">', i;

        for (i = 0; i < cookies_drop.length; i++) {
           html += "<option value='" + cookies_drop[i] + "'>" + cookies_drop[i] + "</option>"
        }
        html += '</select>';
        newDiv.innerHTML = html;
        document.getElementById(divname).appendChild(newDiv);

        this.counter++;
    }

    this.remDropdown = function() {
        $('#dropdowns-container').find('div:last').remove();
        this.counter--;
    }
}

var dropsTest = new DropDowns();
Run Code Online (Sandbox Code Playgroud)

HTML:

<form action='' method=post id="dropdowns-container">

    <button id="add_cookie" type="button" onclick="dropsTest.addDropdown('dropdowns-container');">add …
Run Code Online (Sandbox Code Playgroud)

html javascript

5
推荐指数
1
解决办法
210
查看次数

标签 统计

html ×1

javascript ×1