很抱歉发布了一个已经发布的问题,但我真的很难让这个功能发挥作用。当我更改选择框选项值时,我希望它在页面刷新或注销时保持不变。我必须使用AJAX/PHP才能让它工作吗?我试过这样做,但没有成功。当选择下拉菜单时,可以运行数据库更新功能。
我的代码看起来像:
echo '<tr>';
echo '<td><input type="text" name="order_no[]" value="' . $row['Orderno'] . '"/></td>';
echo '<td><input type="text" name="order_date[]" value="' . $row['Orderdate'] . '"/></td>';
echo '<td><input type="text" name="order_ordered_by[]" value="' . $row['Orderedby'] . '"/></td>';
echo '<td><input type="text" name="order_supplier[]" value="' . $row['Supplier'] . '"/></td>';
echo '<td><input type="text" name="order_total_price[]" value="' . $row['totalprice'] . '"/></td>';
echo '<td><input type="text" name="order_requested_by[]" value="' . $row['requestedby'] . '"/></td>';
echo '<td>';
echo '<select id ="id" name="id">';
echo '<option value = "1" class = "pending">Pending</option>';
echo '<option value = "2" class = "approved">Approved</option>';
echo '<option value = "3" class ="disapproved">Disapproved</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
听起来所选状态应该是订单的一个属性。因此,您应该对PHP(或任何服务器端语言)进行ajax调用,以便在selectbox更改时更新状态。选择框本身应该看起来像:
echo '<select id ="id" name="id">';
echo '<option value = "1" class = "pending"' . ($row['status'] == 'Pending' ? ' selected=selected' : '') . '>Pending</option>';
echo '<option value = "2" class = "approved"' . ($row['status'] == 'Approved' ? ' selected=selected' : '') . '>Approved</option>';
echo '<option value = "3" class ="disapproved"' . ($row['status'] == 'Disapproved' ? ' selected=selected' : '') . '>Disapproved</option>';
echo '</select>';
我认为cookie不应该是必要的
您可以将所选值存储在cookie中,看看jquery cookie插件。
或者,如果您能够以某种方式识别用户,则可以将值存储在服务器上并立即呈现。但当您声明,即使在注销后,所选的值也应该保持不变时,您无论如何都需要cookie来存储一些标识令牌。
只需执行以下jquery和ajax代码即可完成
$('#id').change(function(){
var val = $('#id').val();
$.ajax({
type: 'POST',
url: '',//url of the file
data: val,
success: function(msg){
}
});
});
JQuery UI上有一个使用自动完成框的好例子。IMHO比选择下拉菜单好得多。它具有所有AJAX功能,只需几行代码就可以获得一个工作示例:
<script>
$(function() {
$( "#birds" ).autocomplete({
source: "search.php",
minLength: 2,
select: function( event, ui ) {
log( ui.item ?
"Selected: " + ui.item.value + " aka " + ui.item.id :
"Nothing selected, input was " + this.value );
}
});
});
</script>