Javascript 搜索表单：单击名称时提交

在我的搜索框中，当用户按下三个字母时，将显示潜在点击列表

但是，当用户从该列表中选择一个名称时，他仍然必须按enter键。当他选择他的名字时，我如何避免这种情况，他的名字应该自动提交

更新：只有当用户从列表中选择一个名称时才可以提交，而不是当他按enter键时才可以提交

这是HTML代码：

    <form action="10_miles.php" method="post">
        <p><label>Please enter your LAST name and find your name in the list: </label><br><br>
        <input type='text' name='full_name' value='' class='auto'></p>
    </form>

请输入您的姓氏并在列表中找到您的姓名：

我正在使用以下javascript：

<script type="text/javascript">
            $(function() {
            $(".auto").autocomplete({
                source: "search_develop.php",
                minLength: 3
            }); 
        });
    </script>

$（函数（）{
$（“.auto”）.autocomplete({
来源：“search_develop.php”，
最小长度：3
}); 
});

你喜欢这样做

<script type="text/javascript">
            $(function() {
            $(".auto").autocomplete({
                source: "search_develop.php",
                minLength: 3, 
                change: function (event, ui) { 
                     $('form').submit(); 
                },
                close: function (event, ui) { 
                     $('form').submit(); 
                }
            }); 
        });
    </script>

$（函数（）{
$（“.auto”）.autocomplete({
来源：“search_develop.php”，
最小长度：3，
更改：函数（事件、ui）{
$（'form'）.submit（）；
},
关闭：函数（事件，ui）{
$（'form'）.submit（）；
}
}); 
});

你喜欢这样做

<script type="text/javascript">
            $(function() {
            $(".auto").autocomplete({
                source: "search_develop.php",
                minLength: 3, 
                change: function (event, ui) { 
                     $('form').submit(); 
                },
                close: function (event, ui) { 
                     $('form').submit(); 
                }
            }); 
        });
    </script>

$（函数（）{
$（“.auto”）.autocomplete({
来源：“search_develop.php”，
最小长度：3，
更改：函数（事件、ui）{
$（'form'）.submit（）；
},
关闭：函数（事件，ui）{
$（'form'）.submit（）；
}
}); 
});

你喜欢这样做

<script type="text/javascript">
            $(function() {
            $(".auto").autocomplete({
                source: "search_develop.php",
                minLength: 3, 
                change: function (event, ui) { 
                     $('form').submit(); 
                },
                close: function (event, ui) { 
                     $('form').submit(); 
                }
            }); 
        });
    </script>

$（函数（）{
$（“.auto”）.autocomplete({
来源：“search_develop.php”，
最小长度：3，
更改：函数（事件、ui）{
$（'form'）.submit（）；
},
关闭：函数（事件，ui）{
$（'form'）.submit（）；
}
}); 
});

你喜欢这样做

<script type="text/javascript">
            $(function() {
            $(".auto").autocomplete({
                source: "search_develop.php",
                minLength: 3, 
                change: function (event, ui) { 
                     $('form').submit(); 
                },
                close: function (event, ui) { 
                     $('form').submit(); 
                }
            }); 
        });
    </script>

$（函数（）{
$（“.auto”）.autocomplete({
来源：“search_develop.php”，
最小长度：3，
更改：函数（事件、ui）{
$（'form'）.submit（）；
},
关闭：函数（事件，ui）{
$（'form'）.submit（）；
}
}); 
});

尽管您已经接受了答案，但我认为最好给出一个纯JavaScript相关的答案

setInterval(function(){
    if (document.getElementById("name").value.toLowerCase() == "marzonie") {
      document.getElementById("status").innerHTML='Does equal.';
    } else {
      document.getElementById("status").innerHTML='Doesn\'t equal.';
    }
}, 100);

document.getElementById("submit_form").onsubmit=function( event ){ event.preventDefault(); }

它每100ms循环一次，验证输入值是否等于“marzonie”，并相应地更改状态“

innerHTML

---

尽管您已经接受了答案，但我认为最好给出一个纯JavaScript相关的答案

setInterval(function(){
    if (document.getElementById("name").value.toLowerCase() == "marzonie") {
      document.getElementById("status").innerHTML='Does equal.';
    } else {
      document.getElementById("status").innerHTML='Doesn\'t equal.';
    }
}, 100);

document.getElementById("submit_form").onsubmit=function( event ){ event.preventDefault(); }

它每100ms循环一次，验证输入值是否等于“marzonie”，并相应地更改状态“

innerHTML

---

尽管您已经接受了答案，但我认为最好给出一个纯JavaScript相关的答案

setInterval(function(){
    if (document.getElementById("name").value.toLowerCase() == "marzonie") {
      document.getElementById("status").innerHTML='Does equal.';
    } else {
      document.getElementById("status").innerHTML='Doesn\'t equal.';
    }
}, 100);

document.getElementById("submit_form").onsubmit=function( event ){ event.preventDefault(); }

它每100ms循环一次，验证输入值是否等于“marzonie”，并相应地更改状态“

innerHTML

---

尽管您已经接受了答案，但我认为最好给出一个纯JavaScript相关的答案

setInterval(function(){
    if (document.getElementById("name").value.toLowerCase() == "marzonie") {
      document.getElementById("status").innerHTML='Does equal.';
    } else {
      document.getElementById("status").innerHTML='Doesn\'t equal.';
    }
}, 100);

document.getElementById("submit_form").onsubmit=function( event ){ event.preventDefault(); }

它每100ms循环一次，验证输入值是否等于“marzonie”，并相应地更改状态“

innerHTML

---

---

jQuery？或者纯JavaScript？列表在哪里？你是说自动完成？jQuery？或者纯JavaScript？列表在哪里？你是说自动完成？jQuery？或者纯JavaScript？列表在哪里？你是说自动完成？jQuery？或者纯JavaScript？列表在哪里？你是说自动完成？这不起作用，现在如果我在他提交的搜索框中单击。他只能在点击姓名后提交。您应该用姓名替换您的姓名选择器。你的自动竞争列表应该有一个标签或选择器。这不起作用，现在如果我在他提交的搜索框中点击。他只能在点击姓名后提交。您应该用姓名替换您的姓名选择器。你的自动竞争列表应该有一个标签或选择器。这不起作用，现在如果我在他提交的搜索框中点击。他只能在点击姓名后提交。您应该用姓名替换您的姓名选择器。你的自动竞争列表应该有一个标签或选择器。这不起作用，现在如果我在他提交的搜索框中点击。他只能在点击姓名后提交。您应该用姓名替换您的姓名选择器。您的自动补码列表应具有标记或选择器。是否可以使表单仅在选择名称时提交，而不是在用户按下enter键时提交？是的，这是可能的。你可以处理按下哪个键。然后检查是否输入。如果是enter，则调用events的preventDefault函数。您可以在中找到详细信息。是否可以使表单仅在选择名称时提交，而不是在用户按下enter键时提交？是，可以。你可以处理按下哪个键。然后检查是否输入。如果是enter，则调用events的preventDefault函数。您可以在中找到详细信息。是否可以使表单仅在选择名称时提交，而不是在用户按下enter键时提交？是，可以。你可以处理按下哪个键。然后检查是否输入。如果是enter，则调用events的preventDefault函数。您可以在中找到详细信息。是否可以使表单仅在选择名称时提交，而不是在用户按下enter键时提交？是，可以。你可以处理按下哪个键。然后检查是否输入。如果是enter，则调用events的preventDefault函数。您可以在中找到详细信息