关于dijit.form.Select 动态添加等基本操作

本文转自：http://blog.csdn.net/xzchenxiao/article/details/7168718

在页面中，其用法为：

 

<select name="select1" data-dojo-type="dijit.form.Select">
    <option value="TN">Tennessee</option>
    <option value="VA" selected="selected">Virginia</option>
    <option value="WA">Washington</option>
    <option value="FL">Florida</option>
    <option value="CA">California</option>
</select>

而同样，js中

 

 

<script>
  dojo.require("dijit.form.Select");

  dojo.ready(function(){
    new dijit.form.Select({
      name: 'select2',
      options: [
        { label: 'TN', value: 'Tennessee' },
        { label: 'VA', value: 'Virginia', selected: true },
        { label: 'WA', value: 'Washington' },
        { label: 'FL', value: 'Florida' },
        { label: 'CA', value: 'California' }
      ]
    }).placeAt(dojo.body());
  });
</script>

 

但是仔细介绍取值很少有介绍，这里说一下我做的相关操作：

 

添加新的option：

dijit.byId('message_type').addOption({ label:dataall[i], value: dataall[i] });
dijit.byId('message_type').addOption(new Option(dataall[i],"value"));

上面两种方法都可以，但是第二种无法动态取值，取值为：

dijit.byId('message_type').get('value')；

使用select本身的dojo.byId('message_type').options[dojo.byId('message_type').selectedIndex].value使不能取到值的

总的来说比较简单，但是一句话错可能找不到原因，写出来与大家共勉。