javascript - jQuery:加载禁用的选择菜单时显示 html 元素

Question

在我的应用程序中，用户可以编辑他们的预订信息，但我不希望他们更改预订类型。所以我想加载一个带有显示预订类型的选择菜单的页面，但它也被禁用了。我想要发生的是，如果选择菜单被禁用，则在页面加载时，相关元素将根据选定但被禁用的类型显示。阅读文档这是我认为我需要的:

jQuery("#tipologia_piazzola").load(function(){
    alert("something");

    if (this.value == "mensile" && this.is(":disabled")) {
        jQuery(".both").show();
        jQuery(".mensile").show();
        jQuery(".giornaliera").hide();
    }

});

显然我已经将它插入到 ready 函数中，但是 alert 和 html 元素都没有出现。这是正确的方法吗？或者，我怎样才能达到我的目标？

Answer 1

您需要使用 jQuery(this) 而不是 this 来调用 is(':disabled') 函数，因为它需要 jQuery 对象而不是 javascript 对象。还使用如下所示的 document.ready 来确保所有 DOM 元素都准备就绪。

jQuery(document).ready(function(){
    var $this = jQuery('#tipologia_piazzola');
    if ($this.val() == "mensile" && $this.is(":disabled")) {
            jQuery(".both").show();
            jQuery(".mensile").show();
            jQuery(".giornaliera").hide();
        }
});

注意:- 如果您已经有了 document.ready，请排除它，并将以上代码放入您现有的 document.ready