Question

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

一切正常在FireFox，Safari，Chrome上运行，但在Internet Explorer上没有（按常规）。

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

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

这是HTML SelectBox

<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上却没有。

我错过了什么？

Answer 1

试试这个

 $(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
    });
});

Answer 2

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

Jquery PHP动态选择框IE Bug

2 个答案: