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

发布于 2024-10-20 14:10:31 字数 606 浏览 2 评论 0原文

我有一个带有选择列表的小表格,每次选择一个项目时我都会提交该表格。问题是,在选择一个值并提交表单后,所选项目不会保持选中状态。表单提交后,是否有任何方法可以使所选项目在列表中保持选中状态? (例如使用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>

谢谢你!

i have a little form with a select list, and i am submitting the form every time i select an item. the problem is that, after selecting a value and submitting the form, the selected item doesn't remain selected. Is there any method to keep the selected item selected in the list, after the form submit? (using javascript for example)?

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

thank you!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

累赘 2024-10-27 14:10:31

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

If you can't use a server side solution, you could set a cookie after the onchange-Event fires and submit the form. For informations about javascript cookies, take a look at the following site: http://www.quirksmode.org/js/cookies.html

黯淡〆 2024-10-27 14:10:31

如果使用 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'];

What if you use AJAX? If you use jQuery you can submit the form and the select list wont be altered after selection.

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

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

});

Also, notice I changed the ID of the form since it is the same ID as the select list which can cause conflicts.

The serialize function will serialize the form and send it to the test.php script where it can be used as usual. Ex:

$select = $_POST['order_of_products_by_values'];
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文