如何在jQuery mobile中禁用和启用select

时间:2012-12-20 09:33:24

标签: jquery-ui ios5 jquery-selectors

我正在使用jQuery为iOS做网络应用。 我有一个选择在一个页面。根据要求我必须禁用它。

      <select name="select-choice-a" id="selectCardType" data-native-menu="false">
           <option value="select">Select Card Type</option>
           <option value="A">American Express</option>
           <option value="M">Master Card</option>
           <option value="V">Visa</option>
      </select>

我有2个场景'用户可以直接来到页面或通过url scheme'

形成另一个应用程序

我用过

$('#selectCardType').selectmenu('disable');
       或

'$('#selectCardType')。attr('disabled','disabled'); `

但在任何一种情况下,它都不适合我。

3 个答案:

答案 0 :(得分:1)

感谢您的帮助。我得到了解决方案。

创建一个全局变量var onceVisitedCardpage = false;

如果您访问过该页面,请将此变量设为 true

然后在进入该页面之前检查该变量的状态

    if(onceVisitedCardpage)
        $('#selectCardType').selectmenu('disable');
    else
        $('#selectCardType').attr("disabled", "disabled");

通过这种方式,我设法处理了两个事件。

答案 1 :(得分:0)

如果我禁用简单选择...它会在任何浏览器(包括iOS)中被禁用

演示:http://jsbin.com/unezod/2/

$("#selectCardType").prop("disabled", true);

以上链接显示了以下内容:

enter image description here

答案 2 :(得分:0)

非常类似于here。我有同样的问题,正在尝试使用:

$("selectId").selectmenu("disable");

要等到我在ID前面添加#号(即

)后,
$("#selectId").selectmenu("disable");

现在可以了。