Question

我的几个页面出现问题。

基本上我使用JQuery来使用SlideDown显示后续问题。除此之外，在单击Q2单选按钮后，我们发出JSON请求以获取Q3的下拉值。

但是，如果您在页面加载完成之前选择了下拉值，则在选择Q2上的无线电时，Q1下拉列表将清除为空。

我已经尝试将所有的javascript代码移到顶部无济于事。如果页面已完成加载，则这不是问题。

有没有办法在页面完全加载之前禁用或隐藏下拉列表？

干杯

赖安

Answer 1

工作DEMO

最初在HTML中设置禁用属性：

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

on dom ready use以删除已禁用的属性。

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

Answer 2

你应该使用jQuery的ready函数，当你的DOM被完全加载时你将会执行的内容

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

更多信息：

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

禁用下拉，直到页面加载 - Javascript

2 个答案: