应用错误收集

所以，我有这个奇怪的要求，我有一个＆lt; select＆gt;启用了多重选择的元素。＆lt;选择多个＆gt; ... ＆LT; /选择＆GT; 但是由于多个属性我用滚动显示了选项列表，这不是必需的。我们希望看起来没有多重属性。我试过以下但不确定这是否正确：这是一个小提琴，它看起来不太好。＆＃13; ＆＃13; $（＆＃34; select＆＃34;）。on（＆＃34; focus＆＃34;，function（）{＆＃13; $（＆＃34;选择＆＃34）。CSS（{＆＃13; 身高：＆＃34; 100px＆＃34;，＆＃13; ＆＃34;溢出-y＆＃34;：＆＃34;滚动＆＃34;＆＃13; }）;＆＃13; }）;＆＃13; ＆＃13; $（＆＃34; select＆＃34;）。on（＆＃34; blur＆＃34;，function（）{＆＃13; $（＆＃34;选择＆＃34）。CSS（{＆＃13; 身高：＆＃34; 18px＆＃34;，＆＃13; ＆＃34;溢出-y＆＃34;：＆＃34;隐藏＆＃34;＆＃13; }）;＆＃13; }）;＆＃13; select.drop-down-view {＆＃13; 身高：18px;＆＃13; 最小宽度：54px;＆＃13; border：none;＆＃13; 背景：无;＆＃13; 溢出-y：隐藏;＆＃13; }＆＃13; ＆＃13; select.drop-down-view：在{＆＃13;之前内容：＆＃34;选择＆＃34;;＆＃13; }＆＃13; ＆＃13; select.drop-down-view：{＆＃13; 内容：＆＃34; \ 25BC＆＃34;;＆＃13; 位置：绝对;＆＃13; 上：10px;＆＃13; 左：50px;＆＃13; 颜色：＃c1c1c1;＆＃13; }＆＃13; ＆lt; script src =＆＃34; https：//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"＆gt;＆lt; / script＆gt;＆＃13; ＆lt; select multiple class =＆＃34; drop-down-view＆＃34;＆gt;＆＃13; ＆LT;选项＆GT; 123＆LT; /选项＆GT;＆＃13; ＆LT;选项＆GT; 456＆LT; /选项＆GT;＆＃13; ＆LT;选项＆GT; 789＆LT; /选项＆GT;＆＃13; ＆LT; /选择＆GT;＆＃13; ＆＃13; ＆＃13; 有人可以建议一些更好的方法。谢谢。

我相信这很难实现。 A＆＃34;正常＆＃34;当元素模糊时，<select>元素显示所选值。在这种情况下，当可以有多个选定值时，它应该如何工作？

话虽如此，我认为你实际上已经做了一些事情，并试着摆弄你的小提琴。

我在select元素周围添加了一个包装器，其高度与select相同，然后在展开时将select设置为position: absolute;。这样可以保持选择下方的内容不被按下。我通过添加一些显示选择下方所选值的文本来证明这一点。

当选择模糊时，它会滚动到顶部，默认为＆＃34;选择＆＃34;标签是（至少在Chrome中）。不是很好，但我认为当选择模糊时，标签落在两个实际值之间会更好。

在https://jsfiddle.net/ncevcw5p/3/

看到分叉的小提琴

HTML <select>多个具有单一选择的外观

1 个答案: