为什么我需要在jquery自动完成中添加空格

Question

我在我的一个项目中使用jquery自动完成功能。 在我点击a时自动完成，它会显示一些建议，例如action，apple，asp。

如果我从他们中选择任何建议并点击发送，那么它只会在聊天中发送a。 如果我在发送之前添加了任何空格或任何字符，那么它会发送我从建议中选择的完整字符串。 我试图搜索这个问题，我没有找到任何解决方案所以我在这里发布它我是jQuery的新手。

这是我的代码

    <link href="https://cdn.botframework.com/botframework-webchat/latest/botchat.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
  var availableTags = [
   "Remote ping one",
   "Remote ping two",
   "Remote ping three",
   "Remote ping four",
   "Server reporting",
   "Server Dashboard",
   "Server Detail",
   "Network Dashoboard",
   "Netwokr reporting"

  ];
  $( ".wc-shellinput" ).autocomplete({
   source: availableTags
  });
} );
</script>

我该如何克服这个问题？

提前致谢。