Jquery 通过选择框使用带有预加载程序的ajax加载页面内容

只是尝试创建一个div，我们可以通过ajax加载内容来控制它的内容（并在预加载程序上标记以防万一）

我创建的小提琴就在这里（我的代码非常糟糕。）

有人能解释一下吗

我需要在页面加载时显示一个特定的div（不是加载程序gif）

在选择选项时，内容（如apples.html）将加载到div中

获取内容时，加载程序会立即显示

谢谢你的帮助

Cheers Ste

您可以删除

——如果要预加载
apples.html
，请选择--

。将

苹果

设置为

默认值

选中

<select id="myads" name="ads" style="width: 150px;" class="required">
   <option value="apples.html" selected >apples</option>
   <option value="pears.html">pears</option>
   <option value="carrots.html">carrots</option>
</select>


<div id="adshowblock">

 </div>
<div class="loader" style="display:none;"> // hide this div, it is to use later
    <img src="http://carestream.com/images/ajax-loader.gif"></div>
</div>

---

因此，所有这些文件都存在于同一个域中，并且路径正确。此代码更新将起作用

---

在这其中，我们在哪里触发加载不同的URL？除了你的警告之外。。请查看chain命令：1-.html（…）这添加了预加载程序2-.load（loadFile……）添加了ajax调用以加载文件。我对其进行了排序，只是注意到我需要添加jQuery（函数（$）{和}）；如此。。在页面加载时（我可以加载div中的内容（被ajax内容替换）以及当它们不选择任何内容时（空seelction）内容被重新加载编辑将是页面上已经被称为内容的内容，所以假设在加载ajax内容时隐藏内容？只是用php尝试一下。由于扩展和内容没有显示，我有没有搞错什么lol

$("#adshowblock").html($('.loader').html()); // display loader in div
$("#adshowblock").load("apples.html"); // add this step on document load , loader will be hidden when data is loaded.
$("#myads").change(function(){
     $("#adshowblock").html($('.loader').html());
     $("#adshowblock").load($(this).val());
});