easyuicombobox 怎么设置默认值

2025-05-15 00:26:46

1、新建一个html文件用来测试,导入easyui.css,jquery.min.js,jquery.easyu足毂忍珩i.min.js三个文件添加select标签,添加class属性easyui-combobox<select class="easyui-combobox" name="fruit" style="width:150px;"> <option value="1">apple</option> <option value="2">orange</option> <option value="3">banana</option> <option value="4">grape</option> <option value="5">pear</option> </select>

easyuicombobox 怎么设置默认值

2、打开浏览器访问测试页面,查看默认值效果,以上我们没有设置默认值,从页面显示上看,显示的是apple则为第一个元素

easyuicombobox 怎么设置默认值

3、设置默认值方法很简单,就是在需要的元素中,添加selected属性

easyuicombobox 怎么设置默认值

4、再次刷新页面查看效果,这个显示的默认值则为我们刚刚设置的orange元素了。

easyuicombobox 怎么设置默认值
easyuicombobox 怎么设置默认值

5、下面介绍下如果元素的数据是从远程的json返回,设置默认值的方法<input id="fruit2" class="easyui-combobox"稆糨孝汶; data-options="valueField:'id',textField:'text',url:'test.json'">test.json则为option元素数据

easyuicombobox 怎么设置默认值

6、如图的方式,在其中一个元素中添加"selected":true再次刷新页面查看效果,则可以看到combobox正常显示,默认值同样是我们设置的值

easyuicombobox 怎么设置默认值
easyuicombobox 怎么设置默认值
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢