我有一个由Wordpress在下拉列表中生成的页面列表,点击,如何提交表单并转到所选页面?
我尝试了这个jquery,但我不确定这是否正确以及在操作中放置了什么:
jQuery(document).ready(function( $ ) { $('.work-dropdown').change(function() { $('#work').submit(); }); });
如果您只是想重定向页面,请尝试:
您可能希望向select添加ID以使jQuery选择器更快。 所以你要在select中添加: id="page-redirect"
将jQuery对象更改为$('#page-redirect')
。 ID的选择速度比类或属性快得多。
如果您希望表单发布到所选的URL,请尝试:
你写的时候, .change()
不能写在option
的选择器上。 它需要是select
。 所以, $('[name=work]')
需要成为你的选择器。
此外,看起来您的链接存在于选项的值中。 以下代码应该有效。
$('[name=work]').change(function() { window.location = $(this).val(); });
编辑:
如果您正在重置提交下拉列表,则无法提交然后重定向到该页面。 如果你需要提交,你没有重置下拉列表,然后根据URL或索引重定向,
$('[name=work]').change(function() { $('#work').submit(); }); //handle it on document ready & assuming your index's first option is plain text 'Select from below' if($('[name=menu] :selected').index() > 0) { window.location = $(this).val(); }
jQuery(document).ready(function ($) { $('.work-dropdown').change(function () { $('#work').attr('action', $(this).val()); $('#work').submit(); }); });
会这样做
以上就是jQuery教程分享点击提交下拉菜单相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/532641.html