javascript - 使用 listgroup.js 时获取选定的值

Question

我正在使用 bootstrap 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 引用了隐藏的实际选择，但是如何从 Javascript 中的隐藏选择中获取选定的值？

Answer 1

根据list-group.js插件documentation javascript API 尚未实现:

More to come Because this project just got off the ground not everything have been documented fully. Examples of functions that exist but which will be described here incrementally are

The JavaScript API

但这里有一个快速解决方法

$(".list-group > a").on('click', function() {

    alert("You selected " + $(this).data('value'));

});

https://jsfiddle.net/v8tbsktq/