用法
模拟<select>表单由块化标签组成,并且组件结构不可变更。
请选择一个选项
<div class="form-control-dropdown">
<span class="form-control-dropdown-btn">
<i></i>
</span>
<div class="form-control-dropdown-value" title="请选择一个选项" aria-expanded="false">请选择一个选项</div>
<ul class="form-control-dropdown-menu id="j-dropdown-ul"">
<li title="option one">
option one
</li>
<li title="option two">
option two
</li>
<li title="option three">
option three
</li>
</ul>
</div>
<button class="btn primary" id="j-select-menu">默认选中</button>
<script>
// 默认选中
$('#j-select-menu').on('click', function(){
$('#j-dropdown-ul li').eq(1).trigger('click')
})
// 默认选中第一个
$('#j-dropdown-ul li').eq(0).trigger('click')
</script>