dojo中的下拉框

最新推荐文章于 2022-09-19 18:13:29 发布

翱翔天地

最新推荐文章于 2022-09-19 18:13:29 发布

阅读量5.9k

点赞数 2

分类专栏： DoJO Web HTML CSS 文章标签： dojo Select ComboBox FilteringSelect 下拉框

本文链接：https://blog.csdn.net/you23hai45/article/details/17845429

版权

本文介绍了使用dojo框架设计三种不同类型的下拉框——Select、ComboBox和FilteringSelect的思路与步骤。通过dijit.form模块，详细讲解了如何获取下拉框中option的value和描述值，包括dijit.byId('id').get('value')和dijit.byId('id').get('displayedValue')的用法。

摘要由CSDN通过智能技术生成

1、设计思路

（1）利用dojo设计三种不同的下拉框，Select、ComboBox和FilteringSelect；

（2）再取下拉框中的option中的value和描述。

2、设计步骤

（1）dijit/form/Select

<label for="city" style='color:#FF0000;'>地市：</label>
<select id="city" data-dojo-type="dijit/form/Select" data-dojo-props='style:"width:250px;"'>
      <option value="0">全部</option>
      <option value="1">武汉市</option>
      <option value="2">黄石市</option>
      <option value="3">十堰市</option>
      <option value="4">荆州市</option>
      <option value="5">宜昌市</option>
      <option value="6">襄阳市</option>
      <option value="7">鄂州市</option>
      <option value="8">荆门市</option>
      <option value="9">黄冈市</option>
      <option value="10">咸宁市</option>
      <option value="11">随州市</option>
      <option value="12">孝感市</option>
</select>

显示option中的值和描述

（2）dijit/form/ComboBox

<label for="cityCom" style='color:#00FF00;'>地市：</label>
<select id="cityCom" data-dojo-type="dijit/form/ComboBox" data-dojo-props='style:"width:250px;"'>
     <option value="0">全部</option>
     <option value="1">武汉市</option>
     <option value="2">黄石市</option>
     <option value="3">十堰市</option>
     <option value="4">荆州市</option>
     <option value="5">宜昌市</option>