默认情况下,应选择“州”,并应显示“州”下拉列表。如果选择“区域”单选按钮,则应显示“区域”下拉列表。以下是标记。如何使用dojo来做到这一点?
<input type="radio" name="selection" value="state" checked> State
<input type="radio" name="selection" value="region" > Region
<div id="state">
<select name="state">
<option value="alabama">Alabama</option>
<option value="alaska">Alaska</option>
</select>
</div>
<div id="region">
<select name="region">
<option value="se">South East</option>
<option value="ne">Northern Central</option>
</select>
</div>
一个简单的js脚本就足够了,但是如果您想在Dojo中实现它,请参阅我的jsFiddle:
如果您想添加其他输入,我已经在html中添加了一些数据属性以使其具有全局性
dojo中的js代码:
require([
'dojo/dom',
'dojo/dom-construct',
'dojo/dom-style',
'dojo/query',
'dojo/on',
'dojo/domReady!'
], function (dom, domConstruct,domStyle,query,On) {
domStyle.set(dom.byId('state'), "display", "block");
domStyle.set(dom.byId('region'), "display", "none");
On(query('.radio'),'change',function(){
query('.combo').forEach(function(divElement){
domStyle.set(divElement, "display", "none");
});
domStyle.set(dom.byId(this.dataset.target), "display", "block");
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句