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相同，这可能会导致冲突。

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

$select = $_POST['order_of_products_by_values'];

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

2 个答案: