AJAX経由でPHPを呼び出す

Question

私のユーザーは、最初の<select>からオプションを選択する必要があり、彼の選択に応じて、2番目の<select>は異なるオプションを提供する必要があります。

多くの多くのウェブサイトで国を選んで国を選ぶとき、これを見たかもしれません。

私はこのような他の100の質問があることを知っていますが、私は成功なしで多くの答えを試してみました。

私が今立っていますどこだから、ここにある：...私のAJAX

<script type='text/javascript'> 
     $(document).ready(function(){ 
      $('select[name=juz]').on('change', function() { 

       var juz = $(this).val() 

       $.ajax({ 
       url: "tomarNominaciones.php", 
       type: "POST", 
       data: { juz.value }, 

       success: function (response) { 

         document.getElementById('nom').innerHTML= response; 

       } 
      }); 
      }); 
     }); 

</script> 

その後

  <div class="col-md-2"> 
       <span class="input-group-addon" id="basic-addon1" style="border:solid 1px #CCC; border-radius:4px;">Juzgado: </span> 
       <select class="form-control" id="juz" name="juz"> 
       <option value="1">Juzgado 1</option> 
       <option value="2">Juzgado 2</option> 
       <option value="3">Juzgado 3</option> 
       </select> 
      </div> 

      <div class="col-md-2" id="nomDiv"> 
        <span class="input-group-addon" id="basic-addon1" style="border:solid 1px #CCC; border-radius:4px;">Nominación: </span> 
        <select class="form-control" id="nom" name="id_juz_nom"> 

        </select> 
      </div> 

そして最後に、これは私のPHPです：

<?php 
$juz = $_POST['juz']; 
include 'conectar.php'; 
mysql_select_db('juz_nom'); 
$query = "SELECT * FROM juz_nom WHERE juzgado=\"".$juz."\""; 
$result = mysql_query($query); 
?> 

<span class="input-group-addon" id="basic-addon1" style="border:solid 1px #CCC; border-radius:4px;">Nominación: </span> 
<select class="form-control" id="nom" name="id_juz_nom"> 
<option>Seleccione Nominación</option> 
<?php while ($row=mysql_fetch_array($result)) { ?> 
<option value=<?php echo $row['id_juz_nom']?>><?php echo $row['nominacion']?></option> 
<?php } ?> 
</select> 

私は多くの方法、例えばthis oneとthis other oneを試しました。成功なし。

したがって、わかりやすくなるように、私がする必要があるのはです：私の2番目の選択に、私のMySQLクエリが返すオプションをいくつでも設定してください。

data: { juz }, 

へ

Answer 1

変更

data: { juz.value }, 

としてHTML

をエコー：それはあるように、何が仕事をdoesntの

echo "<span class='input-group-addon' id='basic-addon1' style='border:solid 1px #CCC; border-radius:4px;'>Nominación: </span> 
    <select class='form-control' id='nom' name='id_juz_nom'> 
    <option>Seleccione Nominación</option>"; 
while ($row=mysql_fetch_array($result)) { 
    echo "<option value=$row['id_juz_nom']>$row['nominacion']</option> 
    </select>";}