首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在YUI 3中有必要刷新Javascript选择框,何时选择无?

在YUI 3中有必要刷新Javascript选择框,何时选择无?
EN

Stack Overflow用户
提问于 2009-07-29 17:40:59
回答 1查看 1.4K关注 0票数 1

我使用YUI 3让用户点击“全选”或“全不选”,然后让选择框分别选择所有项目或取消选择所有项目。下面是我的代码:

代码语言:javascript
运行
复制
// 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,因此可能需要刷新一下?

任何帮助都将不胜感激。如果在所有框架中都发生这种情况,那也会很好地知道。

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2009-07-29 23:34:16

这对我很有效。

代码语言:javascript
运行
复制
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 );
   });
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1201898

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档