Fomantic-UI Dropdown initialization settings
Investigating poss phantom onChange event firings in dropdown.
HTML
<script src="https://unpkg.com/fomantic-ui@%5E2.10.0-beta/dist/semantic.js"></script>
<link rel="stylesheet" href="https://unpkg.com/fomantic-ui@%5E2.10.0-beta/dist/semantic.css">
<div id="atk_layout_form" class="ui form">
<div class="field">
<div id="lookup_single" class="ui input">
<div class="ui dropdown search selection" style="width: 100%;">
<input name="lookup_single" type="hidden" id="lookup_single_input">
<i class="dropdown icon"></i>
<input class="search" style="width: 100%;">
<div class="default text"></div>
</div>
</div>
</div>
</div>
CSS
body {
padding: 2em;
}
JavaScript
let resp = {
success: true,
results: [
{value: "d", name: "dTitle"},
{value: "u", name: "uTitle"},
]
};
let jsUrl = 'data:application/json;charset=UTF-8;base64,' + btoa(JSON.stringify(resp));
let jsInitValues = [{value: 'd', name: 'iniTitle', selected: true}];
$('#lookup_single div.ui.dropdown').dropdown({
apiSettings: {url: jsUrl},
values: jsInitValues,
});