JQuery：自动完成表单提交答案

【问题标题】：JQuery: Autocomplete form submittingJQuery：自动完成表单提交
【发布时间】：2012-01-12 03:46:29
【问题描述】：

我正在尝试使用 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>

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

提前致谢

【问题讨论】：

看起来，在您的select: 选项中，您正在提交表单。当有人从您的自动完成列表中选择一个选项时，select 选项是否被触发？
我不确定。我什至不确定你的意思。我认为 jQuery 检测到了那部分。我仍在尝试弄清楚 javascript 语法及其处理方式。

标签： php jquery jquery-ui form-submit jquery-ui-autocomplete

【解决方案1】：

这个选择器：

$("#partno_item_form")

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

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

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

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

【讨论】：