点击提交下拉菜单

我有一个由Wordpress在下拉列表中生成的页面列表，点击，如何提交表单并转到所选页面？

   '15', 'sort_column' => 'menu_order')); foreach($pages as $post) { setup_postdata($post); $fields = get_fields(); ?> <option class="work-dropdown" value="">    

我尝试了这个jquery，但我不确定这是否正确以及在操作中放置了什么：

  jQuery(document).ready(function( $ ) { $('.work-dropdown').change(function() { $('#work').submit(); }); });  

Answer 1

如果您只是想重定向页面，请尝试：

您可能希望向select添加ID以使jQuery选择器更快。 所以你要在select中添加： id="page-redirect"将jQuery对象更改为$('#page-redirect') 。 ID的选择速度比类或属性快得多。

如果您希望表单发布到所选的URL，请尝试：

Answer 2

你写的时候， .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(); } 

Answer 3

 jQuery(document).ready(function ($) { $('.work-dropdown').change(function () { $('#work').attr('action', $(this).val()); $('#work').submit(); }); }); 

会这样做