如何在您选择颜色时锁定颜色并保存到数据库中，即刷新页面时所选颜色消失

Question

我想问的是，在下拉列表中选择了情况后，如何锁定颜色并保存到数据库中？

javascript和jquery的代码，用于从下拉列表中锁定颜色并保存到数据库

这是表的代码，与我的相同类似http://jsfiddle.net/j08691/eQNp5/1/

HTML代码：

<table>
<tr>
<td></td>
<td></td>
<td><select name="Select2">
<option></option>
<option>Approved</option>
<option>Pending</option>
<option>Disapproved</option>
</select></td>
</tr>
<tr>
<td></td>
<td></td>
<td><select name="Select2">
<option></option>
<option>Approved</option>
<option>Pending</option>
<option>Disapproved</option>
</select></td>
</tr>
<tr>
<td></td>
<td></td>
<td><select name="Select3">
<option></option>
<option>Approved</option>
<option>Pending</option>
<option>Disapproved</option>
</select></td>
</tr>

javascript:

java脚本代码使用图片，因为无法粘贴

表图片：表格图片刷新后所有去了如何锁定它

Answer 1

我认为这就是您想要的解决方案。对于锁定颜色，您可以通过写入来禁用选择字段，当它选择一次时

$(this).prop("disabled", true);

为了将其保存到数据库，您可以使用jquery ajax。下面给出了整个javascript和jquery代码。

var color = ['none', 'green', 'yellow', 'red'];
$('select').change(function() {
var colorCode=color[$(':selected', this).index()];
$(this).parents('tr').css('background', colorCode);
//For Lock The Select Option
$(this).prop("disabled", true);
//Save It To Database
$.ajax({url: "saveColor.php?colorCode="+colorCode, success: function(result){

//If there is all ok on saveColor.php, then you can show success message here
/*...*/
//console.log(result);
}});    
});

现在，如果你有saveColor.php，那么你可以在它上面获得$_get['colorCode']中的颜色代码。然后用php代码将它保存到数据库中。

Answer 2

因为您的问题不清楚，但您已经标记了php和jquery。。。

因此，您希望在选择.use jquery ajax后将颜色存储在数据库中。

var color = ['none', 'green', 'yellow', 'red'];
$('select').change(function() {
var row = $(this).parents('tr'),
selectedColor = color[$(':selected', this).index()];    
$.ajax({
method: 'POST',
data: {color: selectedColor},
url: 'page_to_php.php'
}).done(function(data){
row.css('background', selectedColor);
}).fail(function(err){
console.log(err);
})
});

在服务器端页面_to_hp.php

if(!empty($_POST)) {
$color = $_POST['color'];
// now you can process your color to database.
}