データベースに背景色を保存/取得する

Question

selectオプションからsql DB onclick関数に色の値を挿入する方法は？私は私のテーブルにいくつかのセルの背景色を変更するドロップダウンリストを持っているが、私はあなたの情報の背景色が消えているページ... を更新する場合、私は

<td style="background-color:<?php echo $row['mycolor'] ?>"><?php echo $row['mydata'] ?></td> 

をsettedましので、私は保存する必要があるとドロップダウンから選択した後、背景色を取得します。 THX

 <select id = "aircraft-state" onchange="setcolour(event,this.value)"> 
      <option selected="please select" >please select</option> 
      <option value = "airborne" value="#4286f4"name="airborne" onClick="save(this);">airborne</option> 
      <option value = "landed" value="#7eff47" name="landed" onClick="save(this);">landed</option> 
     </select> 


<script > 
    function setcolour(e,v){ 
    e.preventDefault(); 
    var tr = e.target.parentNode.parentNode; 
    switch(v){ 
     case 'airborne': 
      tr.childNodes[17].style.backgroundColor='#4286f4'; 
     break; 
     case 'landed': 
      tr.childNodes[17].style.backgroundColor='#7eff47'; 
     break; 
} 
} 
</script> 

Answer 1

このAJAX呼び出しを試してみてください...

<script> 

$("#aircraft-state").on('change',function(){ 

var $form = $(this).closest('form'); 
var data = {}; // your color value send it with ajax form 
$.ajax({ 
    url : $form.attr('action'), //url of ajax php file 
    type: $form.attr('method'), // method ex. GET|POST 
    data : {action: 'change_color' , color_value : $("#aircraft-state").val()")}, 
    success: function(response) { 
    //do your success operation for color change here ... 
    $("td").css('background-color', response.color_value); 
    } 
    }); 
}); 
</script> 

とPHPのAjaxのファイルには、このコード

if(isset($_POST['action']) && $_POST['action'] == 'change_color') 
{ 
    $color_value = $_POST['color_value']; 
    //write your database update query here 
    echo $color_value;exit; 
}