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

我正在使用选定的智能手机列表。他们要么是三星，HTC，摩托罗拉或LG，所以他们都包含该品牌名称。隐藏字符串的一部分，但使其可搜索

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

这是我现在的代码（不包括品牌）。我一直试图对选定的字符串进行选择搜索而不显示它们，但我找不到任何解决方法。

<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>

谢谢！

来源

2014-03-18 Alex

使文本变白/设置字体大小为0？两者都可能导致混淆。 – sabof

发布javasscript部分 –

@sabof问题是'Chosen'正在改变HTML代码，所以我无法改变那么容易。 – Alex

你可以将数据值添加到您的选择：

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

，然后就针对该值搜索。

来源

2014-03-18 21:37:46 Hamatti

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

回答

相关问题