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>
Run Code Online (Sandbox Code Playgroud)
$("#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.
}
});
Run Code Online (Sandbox Code Playgroud)
我已经阅读了一些内容,但我所看到的有关数据属性支持的只是将设置存储在那里。不是我真正需要的。
希望有人做过类似的事情并让我知道解决方案是什么。
javascript jquery custom-data-attribute semantic-ui html-dataset