我正在使用引导程序3和listgroup.js(https://github.com/rickardn/listgroup.js)将选择下拉列表直观地转换为列表。但是,一旦我将class =“ list-group”添加到选择中,我的JavaScript就不再能够获取所选值。
的HTML
<select id="selecteduser" name="selecteduser" class="list-group">
<option value="user1">user1</option>
<option value="user2">user2</option>
<option value="user3">user3</option>
</select>
JS
$("#selecteduser").change(
function() {
//get the selected value
var selectedValue = this.value;
//make the ajax call
alert("You selected " + selectedValue);
}
);
listgroup.js引用了被隐藏的实际选择,但是如何从Java脚本中的该隐藏选择中获取选择的值?
最佳答案
根据list-group.js插件documentation,尚未实现的javascript API:
还会有更多的项目,因为这个项目刚刚起步
一切都已被完整记录。的功能示例
存在,但这里将逐步描述
JavaScript API
但这是快速的解决方法
$(".list-group > a").on('click', function() {
alert("You selected " + $(this).data('value'));
});
https://jsfiddle.net/v8tbsktq/