在頁面加載之前禁用下拉菜單-Javascript

Question

我的幾個頁面出現問題。

本質上，我使用JQuery使用SlideDown顯示后續問題。 除此之外，單擊Q2單選按鈕后，我們發出JSON請求以獲取Q3的下拉值。

但是，如果在頁面加載完成之前選擇下拉值，則在選擇Q2上的單選按鈕時，Q1下拉列表將清除為空。

我嘗試將所有JavaScript代碼移到頂部都無濟於事。 但是，如果頁面已完成加載，則這不是問題。

在頁面完全加載之前，是否有辦法禁用或隱藏下拉菜單？

干杯

瑞安

Answer 1

工作演示

最初在HTML中設置Disabled屬性：

<select id="dropdown" style="width:200px;" disabled>
    <option value="feedback" name="aft_qst">After Quest</option>
    <option value="feedback" name="aft_exm">After Exam</option>
</select>

在dom准備使用后，請刪除以下禁用的屬性。

$(document).ready(function(){
    $("#dropdown").prop("disabled", false);  
});

Answer 2

您應該使用jQuery的ready函數，當DOM完全加載時，將執行您放入的內容

$(function() {
  // Enable your dropdown
});

更多信息：

http://api.jquery.com/ready/