2017-03-02 6 views
0

次のように私は、データベースからフェッチし、私のPHPファイルに表示イムDropDownListコントロールを持っている:方法は、データベーステーブルにドロップダウンリストの項目を選択し保存するために

<script type="text/JavaScript"> 
//get a reference to the select element 
var $select = $('#bananas'); 

//request the JSON data and parse into the select element 
$.getJSON('http://127.0.0.1/folder/bananas.json', function(data){ 

    //clear the current content of the select 
    $select.html(''); 

    //iterate over the data and append a select option 
    $.each(data.allbananas, function(key, val){ 
    $select.append('<option id="' + val.id + '">' + val.name + '</option>'); 
    }) 
}); 

私のhtmlファイルを

<select id="bananas" class="form-control"> 
<option value="">-- Select A Banana -- </option></select> 

しかし、私はフォームから各バナナを選択するユーザーが必要です、そして、彼または彼女が提出するとき、それはドロップダウンリストがjsonファイルから来ているのを見て、php.Howを使って別のテーブルに保存する必要がありますか? Ajaxソリューションも歓迎します。

答えて

1

必要なものは次のとおりです。 onオプションを変更してテーブルを更新しますか? JSONファイルにアクセスし、ドロップダウンarray.TheのJSONファイルを作成しています私は、ドロップダウンlist.IのためのPHPファイルを使用していない...

<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    </head> 
    <body> 
     <select id="bananas"> 
      <option value="1">Option 1</option> 
      <option value="2">Option 2</option> 
      <option value="3">Option 3</option> 
     </select> 
    </body> 
</html> 

<script> 
     $("#bananas").change(function(){ 
      // var option holds the selected option value whenever changed 
     var option = $("#bananas").val(); 
     console.log(option); 

      /* 
      It would be better practice to add the data to a DB like mySQL and then generating a JSON file from there 
      However you can just send this information as you already wanted this way 
      */ 
      $.ajax({ 
       url: './myphpfile.php', 
       data: 
       { 
        option:option 
       } 
      }).done(function(resp){ 
       if(resp == 200) { 
        console.log("Success!"); 
       }else if(resp == 0){ 
        console.log("Failed.."); 
       } 
      }); 
     }); 
</script> 
+0

これを試してみてくださいまだ方法がわからないPHPのfile.Henceを使用して作成されました/myphpfile.phpが適用されます。 –

+0

なぜAjaxリクエストの前にメモを書きましたか?「mySQLのようなDBにデータを追加してそこからJSONファイルを生成する方が良いでしょう。 しかし、あなたはすでにこのようにしたいと思っているので、この情報を送ってください。あなたが好きなように、代わりにそこからJSONファイルにデータを送ることができます:) – user7071381

関連する問題