php - JQuery:自动完成表单提交

Question

我正在尝试使用 jQuery 自动完成功能在已选择项目或在选择时按下回车键时提交表单。使用 PHP、Javascript 和 HTML。

我想弄清楚我做错了什么，因为我在 javascript 或 jQuery 方面经验不足。我在这个网站和其他网站上搜索了解决方案，但它们似乎都不适用于我的代码。我可能做错了什么，似乎无法弄清楚是什么。

这是脚本

<script>
    $(function() {
        var availableproducts = [ <?php echo $tag_list; ?> ];
        $( "#products" ).autocomplete({
            source: availableproducts,
            select: function(event, ui) { 
                $("#products").val(ui.item.value);
                $("#partno_item_form").submit(); }
        });

    });

</script>

这是与#products 相关的表单和输入字段

echo '<form method="POST" name="partno_item_form">
        <tr>
            <td>
                <input id="products" name="item_select" class="autocomp">
            </td>
      </form>

非常感谢您协助解决此问题!

提前致谢

Answer 1

这个选择器:

$("#partno_item_form")

selects elements by id .您的表单没有 partno_item_form 的 id，因此永远不会调用 submit()。

将 select 事件处理程序中的选择器更改为:

$("form[name='partno_item_form']").submit();

使用 attribute equals value selector将允许您通过其 name 属性选择表单。