Question

我有下拉列表（HTML select元素），它只包含一堆美元金额。 E.g。

$ 50,000

$ 100,000

$ 150,000

$ 200,000

依旧......

其中一个选项元素的示例是：

<option value="150000">$150,000</option>

我希望用户能够开始输入1..5..0 ..然后让它自动跳转到150,000美元的项目 - 如果我没有任何东西，这在大多数浏览器中都可以正常工作我的innerhtml中的$符号。但是因为我的所有innerhtml描述都以$符号为前缀，所以键盘快捷键都是相同的，所以实际上没用。

我假设原始HTML中没有简单的方法来指定键盘快捷键应该从相应的值属性而不是innerhtml文本中获取？

那么实现这一目标的最简洁的jquery片段是什么？

Answer 1

如果可能的话，我只需将$放在下拉菜单的前面。那将是最不痛苦的方式。

如果这不是一个选项，您可以考虑为每个background-image使用包含$符号的option：

select.dollar option { background-image: url(...); 
                       background-position: left center; 
                       background-repeat: no-repeat;
                       padding-left: 20px;
                      }

但是，浏览器支持非常非常不稳定 - 它可能只在每个系列的最新版本中运行。它根本不适用于IE，我没有方便的概述。而且，这种方式对未来的国际化也不利。

除此之外，我认为您必须使用基于JavaScript的自定义下拉菜单。

HTML选择快捷键覆盖

1 个答案: