0

我创建了两个动态填充的列表框。用户在第一个列表框中选择一个选项，然后第二个列表框根据选择显示选项。

在 FireFox、Safari、Chrome 上一切正常，但在 Internet Explorer 上不行（和往常一样）。

错误： 当您在第一个列表框上选择一个选项时，第二个列表框不返回任何内容并变为空。

我做了一些测试，php 文件由 Internet Explorer 触发（我可以输出值），但第二个列表框不返回这些值。

这是 HTML 选择框

<select name="list01" id="list01"/>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

<select name="list02" id="list02"/>
    <option value="0">Select an Option First</option>
</select>

这是JQuery

$(document).ready(function(){

    $('#list01').change(function(){
        $('#list02').load('get_list.php?selected='+$('#list01').val() );
    });
});

这里是 get_list.php

$id = $_GET['selected']; 
$result = mysql_query("SELECT * FROM table WHERE id = ".$id." ORDER BY id ASC");

echo "<option value='*'>Select your Item</option>";     
while($row = mysql_fetch_array($result) ){
    echo "<option value='".$row['id']."'>".$row['name']."</option>";
}

正如我所说，在 FF、Chrome 和 Safari 上一切正常，但在 IE 上却不行。

我错过了什么？

4

2 回答 2

0

试试这个

 $(document).ready(function(){

     $('#list01').change(function(){
        $.ajax({

            type:get,
            url:'get_list.php?selected='+$('#list01').val(),
            success:function(data) {

             $('#list02').html("");
             $('#list02').html(data);

            } 
        }) // end of ajax
    });
});
于 2013-08-21T16:41:17.903 回答
0

我刚刚意识到代码可以在 PHP 5.2 服务器上与 IE 一起使用，但不能在 PHP 5.3 服务器上与 IE 一起使用。这对我来说没有任何意义，但我会尝试找出原因。如果有人可以帮助我，我将不胜感激。

于 2013-08-21T18:33:12.537 回答