Javascript选择更改提交表单

Javascript select onchange submit form

本文关键字：提交 表单 选择 Javascript      更新时间：2024-02-01

这是我的网站（wordpress网站）：http://orbix.hedgehogworks.net/?page_id=924

我在文本"按位置筛选："旁边有一个表格。我希望在选择了其中一个选项（onChange）后提交表单。

我试过这个：

<script type='text/javascript'>
 $('#oflocations').change(function()
 {
     $('.searchandfilter').submit();
 });
</script>

这个：

<script type='text/javascript'>
$('#oflocations').change(
    function(){
         $(this).closest('form').trigger('submit');
    });
</script>

但这些方法都不起作用。

您需要确保DOM已准备好附加事件、操作等。

这就是为什么有$(document).ready()函数的原因（请阅读此处的更多内容）。在您尝试更改/选择/附加事件之前，确保所有内容（例如，相关内容，而不是图像或广告横幅）都已准备就绪：

<script type='text/javascript'>
 $(document).ready(function () {
     $('#oflocations').on('change', function()
     {
         $('.searchandfilter').submit();
     });
 });
</script>

编辑：从.change更改为.on('change', ..

EDIT 2：根据$(document)的undefined错误，您似乎没有正确加载JQuery。请确保它已加载到您的页面中。

在$(document).ready(function ()中执行，因为DOM应该首先准备好。

 $(document).ready(function () {
     $('#oflocations').change(function()
     {
         $('.searchandfilter').submit();
     });
 });

DOM必须首先准备好触发事件：

$(document).ready(function () {
     $('#oflocations').change(function()
     {
         $('.searchandfilter').submit();
     });
 });
相关文章：