jQuery AJAX不会在<select> </select>中加载

时间:2011-05-18 00:02:18

标签: jquery ajax drop-down-menu

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $(".region").load('getRecords.php?start=regions');

});
</script>
</head>
<body>


<select>

            <div class="region"></div>          

</select>

</body>
</html>

每当我将此列表放在<select>标签内时,它就完全没有显示......当我把它带到<select>标签之外时,我得到了......

    <option value="Central Asia">Central Asia</option>
    <option value="Central Europe">Central Europe</option>
    <option value="East Africa">East Africa</option>
    <option value="East Asia">East Asia</option>

有人有这个问题吗?我无法在任何地方找到解决方案。

这个函数可以正常使用我创建的这个XMLHttpRequest函数,但是我今天发现当一些女士在尝试注册Internet Explorer时,它无法使用它。 Blegh。所以,我正在转向jQuery,它会烧掉。

2 个答案:

答案 0 :(得分:2)

select元素不能将div个元素作为子元素。他们只能将optionoptgroup元素作为子元素(see HTML specification)。将div置于select内(特别是当您将div option个元素作为子项)时,会发生什么情况取决于浏览器。

尝试将它们加载到select中:改为将该元素赋予该类:

<select class="region"></select>

答案 1 :(得分:1)

<div>内不能有<select>。只需将课程放在<select>

<select class="region"></select>