在下拉列表中组合选项值

时间:2013-04-02 21:32:22

标签: html select option

我正在尝试使用特定值填充可搜索的下拉列表,但我希望将两个值组合在一起并让它们返回任一值的结果。例如:

                <td align="left" valign="top" nowrap>
                <select name="SPORTS" 
                        id="idCustom1" 
                        onChange="AddSearchItem(this);"
                        class="StuFindSelect">
         <option value="    ">No Attribute selected
                   <option value="BASEBALL">Baseball
                   <option value="BASKETBM">Mens Basketball
                   <option value="BASKETBW">Womens Basketball
                   <option value="CHEERLDS">Cheerleader
                   <option value="FOOTBALL">Football
                   <option value="GOLF">Golf
                   <option value="LACROSSW">Womens Lacrosse
                   <option value="SOCCERM">Mens Soccer
                   <option value="SOCCERW">Womens Soccer
                   <option value="TENNISM">Mens Tennis
                   <option value="TENNISW">Womens Tennis
                   <option value="TRACK">Track
                   <option value="VOLLEYBL">Volleyball
                   <option value="XCOUNTM">Mens Cross Country
                   <option value="XCOUNTW">Womens Cross Country
                </select>
            </td>

当用户选择Basketball时,我想结合返回BASKETBM或BASKETBW的结果。在研究之后,我尝试以几种不同的方式将它们组合起来,

<option value="[BASKETBM,BASKETBW]">Basketball
<option value="BASKETBM,BASKETBW">Basketball
<option value="BASKETBM|BASKETBW">Basketball

我能找到的所有其他排列,但似乎没有任何效果。每次测试时都会返回零搜索结果。我有什么想法我做错了吗? 感谢。

1 个答案:

答案 0 :(得分:0)

我不知道AddSearchItem(this);作为一个函数做了什么,但我猜测问题就在那里。也许你可以详细说明这部分问题。

你可以毫无问题地选择这样的选项:

<option value="BASKETBM,BASKETBW">Basketball

并使用this.value.split(',')从中获取值。