javascript
  • jquery
  • drop-down-menu
  • option
  • 2012-01-06 184 views -1 likes 
    -1

    我需要禁用顶部选项,其实不是一个选项,但就像用户的指令。我知道我可以在html中使用disabled =“disabled”,但这个下拉列表正在被动态填充,所以这只能使用一些jquery或javascript来完成。有没有人做过这样的事情? 这也没有帮助:禁用下拉选项使用jquery

    $("#ctl00_PlaceHolderMain_ctl00_DropDownList1 option[value='Selecet Category']").attr("disabled","disabled"); 
    

    没有工作!

    <select name="ctl00$PlaceHolderMain$ctl00$DropDownList1" id="ctl00_PlaceHolderMain_ctl00_DropDownList1"> 
          <option value="Select Category">Select Category</option> 
          <option value="All Categories">All Categories</option> 
          <option value="Cancer">Cancer</option> 
          <option value="Health Lecture">Health Lecture</option> 
          <option value="Heart Health">Heart Health</option> 
        </select> 
    
    +0

    据我所知。您可以禁用html选项,但不能使用选项。用户选择该选项时会发生什么?你是否希望选择被拒绝并保持之前的选择?这是可能的。 – 2012-01-06 03:13:11

    +0

    http://stackoverflow.com/questions/4944269/jquery-disable-option-in-dropdown - >而不是警报使用e.preventDefault(); – 2012-01-06 03:15:47

    +0

    为什么你需要禁用它?一个典型的模式就是不给它一个值,如果你想对输入元素进行验证,检查一个值是否被选中。 – kinakuta 2012-01-06 03:15:48

    回答

    0

    看到这个问题:Jquery Disable option in dropdown

    你可以做到这一点只要用户选择最上面的一个,简单地取消选择它的事件。

    编辑:

    还可以点击这些链接的一些详细信息,关于禁用选项,并用它的危险,不知道什么已经改变,因为他们虽然贴: http://www.lattimore.id.au/2005/06/18/disable-options-in-a-select-dropdown-element/ http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/

    1

    当用户提交页面。检查是否设置了该值。

    不要让表单提交,如果它是

    $('form').submit(function (e) { 
        if ($('select option:selected').val() === 'Select Category') 
         e.preventDefault(); 
    
    }); 
    
    相关问题