Question

我选择使用智能手机列表。它们是三星，HTC，摩托罗拉或LG，因此它们都包含该品牌名称。

整个名字很长，看起来很糟糕，因为我的宽度有限。如何让用户搜索＆＃34;三星Galaxy＆＃34;，但隐藏＆＃34;三星＆＃34;部分？

这是我的代码（不含品牌）。我一直试图让Chosen搜索给定的字符串而不显示它们，但我找不到任何解决方法。

<optgroup label="Acer">
    <option value="acer-iconia-tab-a100">Iconia Tab A100</option>
</optgroup>
<optgroup label="Amazon">
    <option value="amazon-kindle-fire">Kindle Fire</option>
    <option value="amazon-kindle-fire-2">Kindle Fire HD</option>
</optgroup>
<optgroup label="Asus">
    <option value="asus-transformer-tf300t">Transformer TF300T</option>
</optgroup>
<optgroup label="Google">
    <option value="google-glass">Glass</option>
    <option value="google-nexus-10">Nexus 10</option>
    <option value="google-nexus-4">Nexus 4</option>
    <option value="google-nexus-5">Nexus 5</option>
    <option value="google-nexus-7">Nexus 7</option>
    <option value="google-nexus-7-2013">Nexus 7 2013</option>
    <option value="google-nexus-q">Nexus Q</option>
    <option value="sprint-nexus-s-4g">Sprint Nexus S 4G</option>
</optgroup>
<optgroup label="HP"></optgroup>

谢谢！

Answer 1

您可以为选项添加数据值：

<option value='samsung-galaxy-s4' data-name='Samsung Galaxy S4'> Galaxy S4 </option>

然后搜索该值。

隐藏字符串的一部分，但可以搜索它

1 个答案: