Question

这是我的网站（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>

但这些方式都不起作用。

Answer 1

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

这就是$(document).ready()功能的原因（了解更多here)。在尝试之前确保所有内容（相关内容，不是图片或广告横幅）已准备就绪更改/选择/附加事件：

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

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

编辑2 ：根据undefined的{{1}}错误，看起来您没有正确加载JQuery。确保它已加载到您的页面中。

Answer 2

在$(document).ready(function ()中进行，因为DOM应该先准备就绪。

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

Answer 3

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

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

Javascript选择onchange提交表单

3 个答案: