问将动态字段添加到引导多选下拉列表
EN

Stack Overflow用户

提问于 2015-03-06 02:18:59

回答 1查看 2.7K关注 0票数 0

有没有办法将字段动态添加到多个选择下拉列表中。以下是我尝试过的方法

$('.applicationNameSelectClass').multiselect({
         numberDisplayed: 1,
        enableFiltering: true
});

function addField(){
    var val =document.getElementById("addField").value;
    $('#selectList').append('<option>'+val+'</option>');
}

<body>
Dynamically Add DropDown Field...<BR><BR>
<input type="text" id="addField"/>

<input type="button" id="theButton" value="AddField!" onclick="addField();">
<select id="selectList" name="applicationNames" class="applicationNameSelectClass" multiple="multiple" style="width: 147px; " >
    <option><c:out value="Option-1"/></option>
    <option><c:out value="Option-2"/></option>
    <option><c:out value="Option-3"/></option>
    <option><c:out value="Option-4"/></option>
    </select>
</body>

jquery

twitter-bootstrap

回答 1

Stack Overflow用户

发布于 2015-03-06 03:06:08

在输入元素中，onclick绑定似乎对您不起作用：onclick="addField();"不确定原因，但可能是加载页面的顺序。我建议你使用这个code来绑定点击事件：

$('#theButton').click(function() {
    var val = document.getElementById("addField").value;
    $('#selectList').append('<option>'+val+'</option>');
});

记得把它放在ondomready上下文中，比如下面的Fiddle

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28884905

复制

相似问题

问将动态字段添加到引导多选下拉列表
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将动态字段添加到引导多选下拉列表EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将动态字段添加到引导多选下拉列表
EN