Semantic is a UI component framework based around useful principles from natural language. Forkable JSFiddle: https://jsfiddle.net/ca0rovs3/
resp = [{name: "Apple", value: 1}]
$('#group').dropdown('change values', resp).val(resp[0]); //doesn't work
$('#group').dropdown('change values', resp).val(resp[0].value); //doesn't work
$('#group').dropdown('change values', resp).val(resp[0].name); //doesn't work
$('#group').dropdown('change values', resp);
$('#group').val($('#group option:first").attr('value'));
'change value'
command. $('#group').dropdown('change values', resp);
$('#group').dropdown('refresh');
$('#group').dropdown('set selected', resp[0].value)
$('#group').val($('#group option:first').attr('value'))
$('#group').val() # => null
$('#group').val($('#group option:first').attr('value'))
working from the browser console, but not from the script
$('form')
.form({
fields: {
dropdown: {
identifier: 'dropdown',
rules: [{
type: 'empty',
prompt: 'Please select a dropdown value'
}]
}
}
}
})
;
$('select.dropdown')
.dropdown({
values: [
{ name: '请选择', value: '' },
{ name: '高中', value: '1' },
{ name: '大专', value: '2' },
{ name: '本科', value: '3' },
{ name: '硕士研究生', value: '4' },
],
onChange: function(value) {
$('select.dropdown')
.dropdown('set selected', value)
;
}
})
;
<div class="ui attached stackable menu">
<div class="ui container">
<a class="item">
This must be in the left side
</a>
<a class="item">
This must be in the middle
</a>
<a class="item">
This must be in the right side
</a>
</div>
</div>
<SuccessModal mountNode={this} />
<Modal basic size='small' open={this.state.open} mountNode={this.props.mountNode} closeOnDimmerClick={false}>