在选择框中存储选项值的正确方法

Question

很抱歉发布一个已发布的问题，但我真的很难让这个功能发挥作用。 当我更改选择框选项值时，我希望它在页面刷新或注销时保持不变。 我必须使用AJAX / PHP来实现这一点吗？ 我试图这样做无济于事。 选择下拉列表时可以运行DB更新功能 。

我的代码看起来像：

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>';

Answer 1

您可以在cookie中存储选定的值，看看jquery cookie插件。

或者，如果您能够以某种方式识别用户，则可以将值存储在服务器上并立即呈现。 但是当你陈述时，即使在注销之后应该保留所选择的值，你仍然需要cookie来存储一些识别令牌。

Answer 2

听起来所选状态应该是订单的属性。 因此，您应该对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>';

我不认为饼干是必要的

Answer 3

只需执行以下jquery和ajax代码即可

$('#id').change(function(){
   var val = $('#id').val();
   $.ajax({
        type: 'POST',
        url: '',//url of the file
        data: val,
        success: function(msg){
      }
    });
});

Answer 4

在使用自动完成框的JQuery UI上有一个很好的例子。 恕我直言比选择下拉菜更好。 它具有所有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>