日期:2014-05-16  浏览次数:20674 次

Ajax+PHP更新下拉框 (以解决,怎么结帖?)
本帖最后由 AAA428 于 2013-03-19 15:13:30 编辑
自己的帖子不能自问自答吗?为什么没有办法结帖给分呢?请版主帮忙

如题,demo页面中有一个form,包含两个select,第一个是种类type,第二个是配置config,不同种类有不同的配置,当用户选择了某个种类以后,根据所选种类需要更新第二个select中选项的内容。
比如种类的选项有:VM, Server, DCA
选择vm的话,配置只有single host,选择DCA的话,配置从0到48不等。
我网上搜了一下,有很多Ajax+PHP的实现,自己也写了个代码。。但第二个选项框中总是得不到想要的值,麻烦各位帮看一下代码有什么问题,谢谢!

demo页面
<html>
  <head>
    <meta charset="utf-8">
  <title>Reservation System</title>
  
      <link href="jquery/ui/css/sunny/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css">
    
    <link href="jquery/datatables/css/mrbs-page.css" rel="stylesheet" type="text/css">
    <link href="jquery/datatables/css/mrbs-table.css" rel="stylesheet" type="text/css">
    <link href="jquery/datatables/css/ColReorder.css" rel="stylesheet" type="text/css">
    <link href="jquery/datatables/css/ColVis.css" rel="stylesheet" type="text/css">
    
    <link rel="stylesheet" href="css/mrbs.css.php" type="text/css">
        <link rel="stylesheet" media="print" href="css/mrbs-print.css.php" type="text/css">
    <meta name="robots" content="noindex">
    
<script type="text/javascript" src="jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery/ui/jquery-ui-1.8.22.custom.min.js"></script>
<script type="text/javascript" src="jquery/ui/jquery-ui-i18n.js"></script>
<script type="text/javascript" src="jquery/ui/jquery-ui-datepicker-en.js"></script>
<script type="text/javascript" src="jquery/ui/jquery-ui-datepicker-en-US.js"></script>
     
  <script type="text/javascript" src="jquery/datatables/js/jquery.dataTables.min.js"></script>
  <script type="text/javascript" src="jquery/datatables/js/ColReorder.min.js"></script>

<script type="text/javascript">
       var xmlhttp;
       var url;
       function createXMLHttpRequest() {
          if (window.XMLHttpRequest)
             xmlhttp = new XMLHttpRequest();
          else
             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
       }

       function showConfig(str) {
          url = "getOptions.php?type="+str;
          createXMLHttpRequest();
          xmlhttp.open("GET",url,true);
          xmlhttp.send(null);