您的位置:首页 > 其它

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

2011-12-31 15:37 92 查看
在页面中,其用法为:

<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使不能取到值的

总的来说比较简单,但是一句话错可能找不到原因,写出来与大家共勉。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: