我使用YUI 3让用户点击“全选”或“全不选”,然后让选择框分别选择所有项目或取消选择所有项目。下面是我的代码:
// This selects all
Y.on('click',function (e) {
selectBoxNode.get("options").each(function () {
this.removeAttribute('selected');
this.setAttribute('selected','selected');
});
}, selectAllNode
);
// This selects none
Y.on('click',function (e) {
selectBoxNode.get("options").each(function () {
this.setAttribute('selected','false');
this.removeAttribute('selected');
});
selectBoxNode.('selectedIndex',-1);
}, selectNoneNode
);
selectNoneLink和selectBoxNode是不言而喻的、正确返回的节点。更新: selectAll起作用了,我不得不手动删除每个的'selected‘属性,然后重新添加它。
selectNoneLink不起作用:它只取消选择之前未选择的元素...尽管DOM检查显示selectedIndex属性确实被更改为-1,因此可能需要刷新一下?
任何帮助都将不胜感激。如果在所有框架中都发生这种情况,那也会很好地知道。
谢谢!
发布于 2009-07-29 23:34:16
这对我很有效。
YUI().use('node', function(Y) {
Y.get('#unsel').on('click', function(e) {
Y.get('select').get('options').set('selected',false);
});
Y.get('#sel').on('click', function(e) {
Y.get('select').get('options').set('selected', true );
});
});
https://stackoverflow.com/questions/1201898
复制相似问题