隐藏字符串的一部分，但使其可搜索答案

【问题标题】：Hide part of a string, but make it searchable隐藏字符串的一部分，但使其可搜索
【发布时间】：2014-03-18 21:23:22
【问题描述】：

我正在将 selected 用于智能手机列表。它们要么是三星、HTC、摩托罗拉或 LG，所以它们都包含该品牌名称。

整个名字很长，看起来很糟糕，因为我的宽度有限。如何让用户搜索“Samsung Galaxy”，但隐藏“Samsung”部分？

这是我现在的代码（不包括品牌）。我一直在尝试让 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>

谢谢！

【问题讨论】：

将文本设为白色/将字体大小设置为 0？两者都可能导致混淆。
发布 JavaScript 部分
@sabof 问题是Chosen 正在更改 HTML 代码，所以我不能这么简单地更改。
我的意思是你应该使用 CSS

标签： javascript jquery jquery-chosen

【解决方案1】：

您可以在选项中添加数据值：

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

然后针对该值进行搜索。

【讨论】：