jquery激活选择框的下拉菜单

发布于 2024-09-17 18:36:41 字数 193 浏览 5 评论 0原文

如何通过单击 jQuery 中的链接来激活/停用经典选择框的下拉菜单? 我不需要用 jQuery 替换 selectbox,因为它对于大量选项来说太慢了。 我测试了一切,但没有结果。

示例页面

How can I activate/deactivate dropdown of classic selectbox by clicking to link in jQuery?
I don't need selectbox replacing with jQuery, because it's too slow for huge number of options.
I test everything but without result.

sample page

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

記柔刀 2024-09-24 18:36:41

如果您说您希望

这是你的意思吗?

如果是这样,我认为您将不得不创建自己的选项,但又要寻找其他方法来满足您所需的大量选项。

If you're saying that you want the <select> to display its options via javascript, I don't think it can be done cross-browser (or perhaps in any browser).

Is this what you meant?

If so, I think you'll be stuck creating your own, but finding some other way to accommodate the large quantity of options you require.

生寂 2024-09-24 18:36:41

如果您想在单击链接时启用/禁用下拉列表,可以这样做:

$('a#link_id').toggle(function(){
  $('#dropdown_id').attr('disabled', 'disabled');
}, function(){
  $('#dropdown_id').removeAttr('disabled');
})

其中 link_id 应该是链接的 id ,而 dropdown_id 应该是选择框的idtoggle 函数将在第一次单击链接时禁用选择框,并在第二次单击时重新启用它,依此类推。

If you mean to enable/disable the dropdown when you click on the link, you could do this way:

$('a#link_id').toggle(function(){
  $('#dropdown_id').attr('disabled', 'disabled');
}, function(){
  $('#dropdown_id').removeAttr('disabled');
})

Where link_id is supposed to be the id of the link and dropdown_id is supposed to be the id of the select box. The toggle function will disable the select box on first click on the link and enable it back on second click and so on.

却一份温柔 2024-09-24 18:36:41
if ($(this).attr("disabled") == true) {
                if ($.browser.msie) {
                    $containerDivText.attr("disabled", $(this).attr("disabled"));
                    $newUl.attr("disabled", $(this).attr("disabled"));
                    $containerDiv.attr("disabled", $(this).attr("disabled"));
                }
                else {
                    $newUl.remove("li");
                    $containerDivText.unbind("click");                    
                }
            }

if ($(this).attr("disabled") == true) {
                if ($.browser.msie) {
                    $containerDivText.attr("disabled", $(this).attr("disabled"));
                    $newUl.attr("disabled", $(this).attr("disabled"));
                    $containerDiv.attr("disabled", $(this).attr("disabled"));
                }
                else {
                    $newUl.remove("li");
                    $containerDivText.unbind("click");                    
                }
            }

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文