禁用下拉選項使用jquery

-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>

來源

2012-01-06 Anju Thapa

據我所知。您可以禁用html選項，但不能使用選項。用戶選擇該選項時會發生什麼？你是否希望選擇被拒絕並保持之前的選擇？這是可能的。 – 2012-01-06 03:13:11

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

爲什麼你需要禁用它？一個典型的模式就是不給它一個值，如果你想對輸入元素進行驗證，檢查一個值是否被選中。 – kinakuta 2012-01-06 03:15:48

看到這個問題：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/

來源

2012-01-06 03:12:49 RodH257

當用戶提交頁面。檢查是否設置了該值。

不要讓表單提交，如果它是

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

});

來源

2012-01-06 03:14:01 Trevor

回答

相關問題