私はデータベース

Question

から私のノードのコードに依存する動的なドロップダウンを取得する方法JSをノードに新しいです：

app.get('/block_name', function (req,res){ 

var sql='SELECT `block_name`,`block_id` FROM `tbl_block` '; 
connection.query(sql,function(err, result) { 
    if (err) throw err; 
    res.json(result); 
}); 

を}）;

app.get('/site_name', function (req,res){

var sql='SELECT `site_name`,`site_id` FROM `tbl_site` '; 
connection.query(sql,function(err, result) { 
    if (err) throw err; 
    res.json(result); 
}); 

}）。

HTML

サイト

 <select name="site" id="dropdown" > 
     <option value="">- select -</option> 
     </select> 
    <label class="field" >Block</label> 
     <select name="block" id="dropdown1" > 
     <option value="">- select -</option> 
     </select> 

SCRIPT

<script> 

    $(document).ready(function(){ 
    $.ajax({ 
     url : "/site_name", 
     type : "GET", 
     success : function(data){ 

      var len = data.length; 

      console.log(data); 
      $("#dropdown").empty(); 
      for(var i =0; i<len;i++){ 
      var value1 = data[i]['site_name']; 
      var value2 = data[i]['site_id']; 
       $("#dropdown").append("<option value='"+value2+"' >"+value1+"</option>"); 

      } 

     } 
    }); 
}); 

    $(document).ready(function(){ 
    $.ajax({ 
     url : "/block_name", 
     type : "GET", 
     success : function(data){ 

      var len = data.length; 

      console.log(data); 
      $("#dropdown1").empty(); 
      for(var i =0; i<len;i++){ 
      var value1 = data[i]['block_name']; 
      var value2 = data[i]['block_id']; 
       $("#dropdown1").append("<option value='"+value2+"' >"+value1+"</option>"); 

      } 

     } 
    }); 
}); 


</script> 

は私の2番目のドロップダウンは、すべてのデータを示していますが、私は、最初のドロップダウンに応じて記載されていることが、特定のものを必要としています。事前に 感謝..

Answer 1

いつでも最初のドロップダウンの変化値私の悪い英語のための 申し訳ありませんが、あなたは最初のドロップダウンで選択した値に基づいて、第2のドロップダウンを再移植する必要があります - 通常再実行して、 ajax呼び出しを使用して2番目のドロップダウンをロードしますが、最初のドロップダウンの値を使用してサーバーから要求するデータを決定します。

これは、最初のドロップダウンにイベントハンドラをインストールして、値が変更されたときにそれを検出できるようにし、最初のドロップダウンリストでそのイベントが発生するたびに新しくajaxを呼び出して2番目のドロップダウンを再作成します。ダウンが発生する。