javascript在表单提交后保留列表中的选定值

Question

我有一个带有选择列表的小表单，每次选择一个项目时，我都会提交该表单。问题是，在选择一个值并提交表单后，选定的项不会保持选中状态。在表单提交后，有没有什么方法可以让选中的项目保持在列表中？(例如使用javascript )？

<form name="order_of_products_by_values" id="order_of_products_by_values" method="post" action="">
<select id="order_of_products_by_values" name="order_of_products_by_values"  onChange="this.form.submit();">   
<option value=1 >Pret crescator</option>
<option value=2 >Pret descrescator</option>
<option value=3 >Test</option>
<option value=4 >Test</option>
</select>
</form>

谢谢!

Answer 1

如果不能使用服务器端解决方案，可以在onchange-Event触发后设置cookie并提交表单。有关javascript cookie的信息，请访问以下站点：http://www.quirksmode.org/js/cookies.html

Answer 2

如果你使用AJAX呢？如果你使用jQuery，你可以提交表单，选择列表在选择后不会改变。

jQuery('#order_of_products_by_values').change(function() { 

    jQuery.post('ajax/test.php', jQuery("#order_of_products_by_values_FORM").serialize());

});

另外，请注意，我更改了表单的ID，因为它与选择列表具有相同的ID，这可能会导致冲突。

serialize函数将序列化表单并将其发送到test.php脚本，在那里可以照常使用。例如：

$select = $_POST['order_of_products_by_values'];