javascript - 重置鼠标按下/输入时的文本字段 - jQuery UI 自动完成

Question

Simple JS fiddle containing my code in working state

我有一个 jQuery UI 自动完成字段，附加了一个下拉按钮。然而，它的工作原理是无地板的 - 这有点烦人，你必须手动删除搜索字段内的单词。

我不确定 jQuery UI 是否有此功能，除非我想知道。

我尝试将 onClick 函数与 JS 一起使用，但是由于我的字段不完全是“表单字段”，所以我在这里有点迷失了。

我的目标是:当用户按下文本字段时重置文本字段。其中有预先写好的文本“请选择(或键入)”

我的 cshtml 文件如下所示 cshtml

在浏览器上看起来像这样 browser

图像 1 的代码:

<select asp-for="Dinosaur" class="combobox" id="dinoType" asp-items="Html.GetEnumSelectList<Dinosaurs>()">
        <option selected="selected" type="text" onclick="resetText()" value="0">Please select (Or Type)</option>
    </select>
    <span asp-validation-for="Dinosaur" class="text-dark" />

正如您所看到的，其中包含文本，我必须先按 CTRL + A 删除文本，然后才能在我的字段中进行搜索。

当用户按下该文本时清除该文本的功能将减轻压力。

我可能只是愚蠢地看到了简单的解决方案，我只是觉得我已经尝试了一些我认为可行的方法。 (如 onclick="ResetText()"附加 JS 代码)

当我点击下拉菜单 this 就是所显示的内容。

最诚挚的问候，

Answer 1

您不想在选项元素上连接 onclick 监听器，而是希望在选择元素上连接 onchange 事件监听器。选项元素不支持 onclick。