Dropdownはjqueryとsqlを使って別のドロップダウンを更新します

Question

jqueryを使用して別のドロップダウンリストをSQLで更新するにはどうすればよいですか？ データベースからの意味です。

$('#typeOfGlass').on('change', function(){ 
    console.log($('#typeOfGlass').val()); 
    $('#glassWidth').html(''); 
    if($('#typeOfGlass').val()==15){ 
     $('#glassWidth').append('<option value="19">19</option>'); 
     $('#glassWidth').append('<option value="20">20</option>'); 
     $('#glassWidth').append('<option value="21">21</option>'); 
    }else{ 
     $('#glassWidth').append('<option value="6">6</option>'); 
     $('#glassWidth').append('<option value="7">7</option>'); 
     $('#glassWidth').append('<option value="8">8</option>'); 
     $('#glassWidth').append('<option value="9">9</option>'); 
    } 
}); 

私はこの1つを使用しますが、私はデータベースからそれを作る方法を持っていません。

$sqlq="SELECT DISTINCT daerah FROM kampung WHERE negeri='$negeri'"; 
    $result_set=mysqli_query($conn, $sqlq); 
    while($row=mysqli_fetch_array($result_set, MYSQLI_ASSOC)) 
    { 
     echo "<option value=".$row['daerah'].">".$row['daerah']."</option>"; 
    } 

Answer 1

最初に行う必要があるのは、クエリーを変更したりテーブルに情報を追加して、特定の<option>を<select>に追加するかどうかを調べる方法があることです。

次に、すべての行を配列にフェッチします。これは動作するはずですが、私はそれをテストしていない：

$rows = array(); 
while ($rows[] = mysqli_fetch_array($result_set, MYSQLI_ASSOC)); 

は今、JavaScriptにこのデータを渡す：変更された#typeOfGlass最後に

echo "<script> var data = " . json_encode($rows) . "; </script>"; 

、明確な#glassWidth、その後、dataを反復のみ追加します関連する要素は、#typeOfGlassの値に応じて異なります。

Answer 2

これを実現するオプションは、@ Rory McCrossanが提案するようにAjaxを使用している可能性があります。正確なアンサーのためにプロセスは長い間静かですが、私はあなたがする必要があるいくつかのステップを提供します。

PHPで作業しているクエリがあり、HTMLも正常に動作している場合は、それらを一緒に接着する必要があります。だからあなたはそれを行うためにJavaScriptを使用することができます。これはAjaxクエリの説明です

$.ajax({ 
       url: www.yoursite.com, //file you made to process the request 
       type: "GET", // or POST 
       success: function(data) { 
        if (data.success === 'ok'){ 
         // code of what to do if the call returns ok 
         // probably update your options 
        } 
       }, 
       error: function(exeption){ 
        var response = jQuery.parseJSON(exeption.responseText); 
        alert(response.error); 
// what to do if the process fail 
       } 

PHPを使用してクエリを処理し、新しいオプションを返します。より具体的な部分に在庫がある場合は、私たちに知らせてください。幸運