easyuicombobox 怎么设置默认值

 时间:2024-10-13 08:05:01

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 怎么设置默认值
  • 三角洲特种部队6攻略
  • 谷歌浏览器怎么使用联想查询服务快速地加载网页
  • word在哪儿查看高级打印功能?
  • brother Z-8550A/Z-8560A电脑自动缝纫机使用说明书:[4]
  • 良渚古城位于哪里
  • 热门搜索
    怎么样学好英语 蜂蜜结晶是怎么回事 两张图片怎么合成一张 辽宁工业大学怎么样 怎么去脸上的红血丝 厦门大学嘉庚学院怎么样 怎么能让眼睛变大 吉林农业大学怎么样 申请报告怎么写 双显示器怎么设置