Question

我正在使用JavaScript onChange，MySQL和PHP来显示从列表中填充的城镇列表中的分支地址。

除了IE（任何版本）之外，它在所有浏览器中都能正常工作。在IE中，我得到的是一个空白的选择选项。

Javascript

function getCounty(strURL) {
    if (strURL==="") {
        document.getElementById("branch").innerHTML="";
        return;
    }
    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else  { // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState===4 && xmlhttp.status===200) {
            document.getElementById("branch").innerHTML=xmlhttp.responseText;
            //alert(document.getElementById("branch").innerHTML=xmlhttp.responseText);
        }
    };
    xmlhttp.open("GET",strURL,true);
    xmlhttp.send(null);
}

function getBrach(strURL) {
    if (strURL==="") {
        document.getElementById("branch-addr").innerHTML="";
        return;
    }
    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else  { // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState===4 && xmlhttp.status===200) {
            document.getElementById("branch-addr").innerHTML=xmlhttp.responseText;
        }
    };
    xmlhttp.open("GET",strURL,true);
    xmlhttp.send(null);
}

表格

<form method="post" id="addr-finder" action="">
<div class="county">
    <label>Choose County</label>
    <select name="county" id="county" onChange="getCounty('inc/findcity.php?c='+this.value)">
        <option value="Select County">Select County</option>
<?php
while($row = $result->fetch_object()) {
    echo '<option value="'.$row->address_5.'">'.$row->address_5.'</option>';
}
?>
    </select>
</div>
<div class="branch">
    <label>Choose Branch</label>
    <select name="branch" id="branch" onChange="getBrach('inc/findbranch.php?t='+this.value)">
        <option>--</option>
    </select>
</div>
</form>

PHP

<?php
include("cfg.php");
include("functions.php");

$county = $_REQUEST['c'];
$result2 = get_town($county);
?>
    <option>Select Town</option>
<?php 
while($row2 = $result2->fetch_object()) {
?>
    <option value="<?php echo $row2->address_4 ; ?>"><?php echo $row2->address_4; ?></option>
<?php
}
?>

Answer 1

我用快速而肮脏的方式做到了改为使用onclick 你甚至可以做到这两点，我做了一些让一些移动浏览器工作的地方。

IE不使用onChange Javascript，PHP渲染选择选项

1 个答案: