Jquery:尝试禁用HTML选择菜单不起作用

时间:2016-07-31 00:00:29

标签: javascript jquery html jquery-ui-selectmenu

在我的HTML页面上,我有一些选择菜单,它们都共享类名.iconDropDownMenu,当用PHP生成页面时,一些选择菜单将被PHP隐藏,在选择菜单中添加另一个类

无论如何,我想只禁用我一直尝试使用以下内容的隐藏.iconDropDownMenu

$(".iconDropDownMenu:hidden").each(function()
{
    $(this).prop('disabled', true);
});

这样运行没有错误,但禁用的属性没有出现在我的选择菜单上,因此没有禁用输入。所以我做了一些研究,发现在第一行之后我可以在我的.each()里面使用$(this).multiselect('refresh');。但是我得到一个错误 TypeError:$(...)。multiselect不是一个函数,这是它实际工作的奇怪部分,我可以在HTML中看到disabled属性,但错误会停止其余的JavaScript要运行......

我也尝试使用$(this).selectmenu("refresh");但是得到以下内容:错误:在初始化之前无法调用selectmenu上的方法;试图调用方法'刷新'这也产生了相同的结果,添加了选择菜单的禁用属性,而没有它,之前没有。

我尝试初始化选择菜单,但它只是在HTML中添加了一个范围,并通过在选择菜单外显示第一个选项作为文本来混淆选择菜单?

我还尝试使用PHP输出"禁用"属于选择菜单HTML但在浏览器中加载时它不会显示并被删除:/

先进的任何帮助谢谢!

1 个答案:

答案 0 :(得分:1)

听起来你的JS可能需要进入$(document).ready();,这是一个例子...... https://jsfiddle.net/kennethcss/vkuhm93s/