表示无法识别ajax生成的字段

时间:2013-05-24 16:55:42

标签: php html ajax

我正在做这个小动态选择,我希望他们的价值去另一个PHP。问题是表单只识别其中一个而另一个(ajax加载)没有。 查询是正确的,它们会更改值,而ajax正在运行它只是当你按下提交按钮ajax字段时,它不会发送其他所有内容。

有人可以帮助我吗? 这是我的代码:

         <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript">
    <!--  Esto es lo que cambia el combo
        $(document).ready(function(){
            $('#estados').change(function(){
                var id=$('#estados').val();
                $('#ciudad').load('ajax.php?id='+id);
            });    
        });
    </script>

这是表格:

         <table align="center" cellpadding="1" cellspacing="2" class="table">
   <form name="Buscar" action="Resultados.php" method="get">
   <tr><td>
      <?php 
    $consulta=mysql_query("SELECT id_estado,nom_estado FROM Estados ORDER BY id_estado ASC");
    echo "<select name='estados' id='estados'>";
    while ($fila=mysql_fetch_array($consulta)){
        echo "<option value='".$fila[0]."'>".utf8_encode($fila[1])."</option>";
    }
    echo "</select>";
    ?>
   </td><td>
    <div id="ciudad"> <!-- This is where the ajax go when estado changes-->
        <select name="Ciudades">
            <option value="">Seleccione una Ciudad</option>
        </select>
    </div></td><td>
       <input name="Button" value="BUSCAR" type="submit"  class="button"/>
    </form></td></tr>
    </table>

这是ajax文件

    <?php
    $conexion=mysql_connect("localhost","root","");
    $db=mysql_select_db("Region01");

    $consulta = mysql_query("SELECT id_ciudad,nom_ciudad FROM Ciudades WHERE id_estado=".$_GET['id']." ORDER BY nom_ciudad ASC");
    echo "<select name='ciudad' id='ciudad'>";
    while ($fila = mysql_fetch_array($consulta)) {
    echo "<option value='" . $fila[0] . "'>" . utf8_encode($fila[1]) . "</option>";
    }
    echo "</select>";
    ?>

2 个答案:

答案 0 :(得分:0)

选项标记必须介于<select name="WHAT_EVER"> ... </select>

之间

答案 1 :(得分:0)

你只需要像这样移动你的标签:

   <form name="Buscar" action="Resultados.php" method="get">
     <table align="center" cellpadding="1" cellspacing="2" class="table">
       <tr>
         <td>
         <?php 
           $consulta=mysql_query("SELECT id_estado,nom_estado FROM Estados ORDER BY id_estado ASC");
           echo "<select name='estados' id='estados'>";
           while ($fila=mysql_fetch_array($consulta)){
             echo "<option value='".$fila[0]."'>".utf8_encode($fila[1])."</option>";
           }
           echo "</select>";
         ?>
         </td>
         <td>
          <div id="ciudad"> <!-- This is where the ajax go when estado changes-->
           <select name="Ciudades">
             <option value="">Seleccione una Ciudad</option>
           </select>
          </div>
         </td>
         <td>
           <input name="Button" value="BUSCAR" type="submit"  class="button"/>

         </td>
       </tr>
      </table>
    </form>