如果所选值更改而没有按钮，则提交 WordPress 表单

Question

我正在尝试提交没有提交按钮的表单。 此表单从 WordPress 中的自定义字段获取值，并在另一个页面中显示结果。我一直在尝试使用通常的 javascript 函数 onchange 但没有任何反应，我也尝试过使用函数...有谁知道这有什么问题或者是否有更好的方法来解决它？是不是和Wordpress或者post方法有关？这是表单的代码：

<form method="get" name="form" action="/busqueda/" >
        <div class="search">

            <select class="styled" name="author"  onChange="this.form.submit();">
            <option value="-1" selected>Authors</option>    
            <?php
            $metakey = 'author';
            $autores = $wpdb->get_col($wpdb->prepare("SELECT DISTINCT meta_value FROM $wpdb->postmeta WHERE meta_key = %s ORDER BY meta_value ASC", $metakey) );
            if ($authors) {
            foreach ($authors as $author) {
            echo "<option VALUE=\"" . $author . "\">" . $author . "</option>";
                                    }
                            }
                ?>
            </select>
        </div><!-- #search1 -->

</form>

顺便说一句，当使用标准提交按钮显示结果时，该表单工作正常。 欢迎任何可能出错的提示。多谢！

Answer 1

我希望您能够通过 $_GET 正确检索发布后的值，因为当我在浏览器中运行代码时，该值在 URL 中很好地传递。检查您的检索代码，确保您使用的是 $_GET 而不是 $_POST。

Answer 2

试试这个：

<form method="get" name="form" action="/busqueda/" >
        <div class="search">

            <select class="styled" name="author" onChange="document.forms['form'].submit();">

            <?php
            $metakey = 'author';
            $autores = $wpdb->get_col($wpdb->prepare("SELECT DISTINCT meta_value FROM $wpdb->postmeta WHERE meta_key = %s ORDER BY meta_value ASC", $metakey) );
            if ($authors) {
            foreach ($authors as $author) {
            echo "<option VALUE=\"" . $author . "\">" . $author . "</option>";
                                    }
                            }
                ?>
            </select>
        </div><!-- #search1 -->

</form>

用 jQuery 提交更新

更新的表单：

<form id="authorForm" method="get" name="form" action="/busqueda/" >
        <div class="search">

            <select id="author" class="styled" name="author">
                <option value="default">Choose an author...</option>
                <?php
                $metakey = 'author';
                $autores = $wpdb->get_col($wpdb->prepare("SELECT DISTINCT meta_value FROM $wpdb->postmeta WHERE meta_key = %s ORDER BY meta_value ASC", $metakey) );
                if ($authors){
                    foreach ($authors as $author) {
                        echo '<option value="' . $author . '">' . $author . '</option>';
                    }
                }
                ?>
            </select>
        </div><!-- #search1 -->

</form>

jQuery 脚本更改事件处理和表单提交：

<script type="text/javascript">
$(document).ready(function(){
    $('#author').change(function(){
        if($(this).val() !== 'default'){
            $('#authorForm').submit();
        }
    }); 
});
</script>

您可以从提交测试 jQuery下拉框更改事件