自动发送自动完成选项
自动发送自动完成选项
提问于 2022-02-23 18:21:19
我想在选择后自动发送所选的自动完成选项，不需要点击提交按钮或单击框外，我尝试了"onchange“，但我必须在自动完成后单击”离开框“。下面是这些事件的进展情况：
空盒子：
打字：
选择后：
问题是，它只在我单击其他地方之后发送，我希望它在选择选项后自动发送。最后，下面是代码：
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<form id="search_box" method="POST" action="<?php echo $_SERVER['PHP_SELF'];?>">
Busca por nome, ticker ou código CVM:
<br>
<input id="searchbox" type="text" name="searchbox" onchange="this.form.submit()">
</form>
<script>
$(function()
{
var opac = <?php echo json_encode($ressb); ?>;
$( "#searchbox" ).autocomplete
(
{
source: opac
}
);
}
);
</script>提前感谢！
回答 2
Stack Overflow用户
回答已采纳
发布于 2022-02-23 22:10:27
我尝试过使用onkeyup与EventListener一起提供的解决方案，但无法使它工作，但通过直接在自动完成函数中工作，我找到了另一个对我有用的解决方案，不幸的是，在开始这个问题之前我没有找到它。
以下是更新的代码：
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<form id="search_box" method="POST" action="<?php echo $_SERVER['PHP_SELF'];?>">
Busca por nome, ticker ou código CVM:
<br>
<input id="searchbox" type="text" name="searchbox">
</form>
<script>
$(function()
{
var opac = <?php echo json_encode($ressb); ?>;
var formac = document.getElementById("search_box");
$( "#searchbox" ).autocomplete
(
{
source: opac,
select: function(event,ui)
{
$( "#searchbox" ).val(ui.item.value);
formac.submit();
}
}
);
}
);
</script>谢谢你的回答！
Stack Overflow用户
发布于 2022-02-23 18:56:00
onchange事件不是“真实的”onchange事件，对于您的需求，您需要使用上键事件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71242211
复制相关文章
相似问题
腾讯云开发者
