Question

HTML code：

<form>
  <tr><td align="center">
    <p><select size="1" id="breed_list" name="D1" onChange="editBreed(this.value);"> 
      <option>Select Cattle Breed</option>
      <?php while(list($id, $breed)=mysql_fetch_row($result1)) {
        echo "
        <option value=\"".$id."\">".$breed."</option>";
      } ?>
      </select></p>
    </td></tr>
</form>

Javascript代码：

<script type="text/javascript">
function editBreed(str){
    alert("Made it to Edit Breed"+ str);
    if (str=="" || str=="Select Cattle Breed") {
        document.getElementById("animal_data").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("animal_data").innerHTML=xmlhttp.responseText;
        }
    }

    xmlhttp.open("GET","editbreed.php?d="+str+,true);
    xmlhttp.send();
}
</script>

如果我将select修改为读取onChange="alert(this.value);">，它会显示正确的记录，但由于某些原因它没有进入该功能并向我显示那里的警报。

由于

Answer 1

在函数的倒数第二行，有一个语法错误导致函数根本不运行。

xmlhttp.open("GET","editbreed.php?d="+str+,true);

在+

之后移除str

xmlhttp.open("GET","editbreed.php?d="+str,true);

在onChange解雇后没有达到脚本

1 个答案: