语义 UI 下拉选项数据属性

Question

data-*我一直在尝试在语义 UI 下拉列表中附加一个属性option，但没有成功（数据属性没有被复制到生成的下拉选项中）。

这是我的结构select：

超文本标记语言

<select id='my-dropdown' name='department'>
    <option value='1' data-wsg='something'>Department 1</option>
    <option value='2' data-wsg='another'>Department 2</option>
    . . .
    <option value='n' data-wsg='custom data'>Department N</option>
</select>

jQuery

$("#my-dropdown").dropdown({
    allowAdditions: false,
    fullTextSearch: true,
    onHide: function() {
        // Some codes.
    },
    onChange: function(value, text, choice) {
        // Access the data-wsg attribute of the selected option.
    }
});

我已经阅读了一些内容，但我所看到的有关数据属性支持的只是将设置存储在那里。不是我真正需要的。

希望有人做过类似的事情并让我知道解决方案是什么。

Answer 1

它不太漂亮，但您可以使用 onChange 中的详细信息来查找数据属性。您所追求的功能在这里被明确拒绝 - https://github.com/Semantic-Org/Semantic-UI/issues/931

onChange: function(value, text, choice) {
    $(this).children('option[value=' + $(choice).data('value') + ']').data('wsg')
}