选择带有可过滤选项的文本框的下拉菜单

Question

所以我认为这将是一个非常简单的问题，但事实证明，这对我来说相当困难。我只是下拉列表列出了几个选项。在选项的顶部，需要有文本框。我可以为过滤器完成所有代码。我所需要知道的是如何在此处放置此框，以及如何防止在单击文本框时关闭下拉菜单。

当前代码：

<select onchange="getPersons()">
			<option>person1</option>
            <option>person2</option>
            <option>person3</option>
</select>

以下是我正在寻找的确切示例：dropdown with filter 我需要这个，但要在

中完成