javascript 在表单提交后保留列表中的选定值
我有一个带有选择列表的小表格,每次选择一个项目时我都会提交该表格。问题是,在选择一个值并提交表单后,所选项目不会保持选中状态。表单提交后,是否有任何方法可以使所选项目在列表中保持选中状态? (例如使用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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
如果您无法使用服务器端解决方案,您可以在 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
如果使用 AJAX 会怎样?如果您使用 jQuery,您可以提交表单,并且选择列表在选择后不会更改。
另外,请注意我更改了表单的 ID,因为它与选择列表的 ID 相同,这可能会导致冲突。
序列化函数将序列化表单并将其发送到 test.php 脚本,在那里它可以像往常一样使用。前任:
What if you use AJAX? If you use jQuery you can submit the form and the select list wont be altered after selection.
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: