js遍历select中的option问题

hatake1feng 发布于 2014/08/05 16:18
阅读 771
收藏 0

例子中的人员信息是放在table中的,

使用来完成筛选  

现在我放进了select的option中,求怎么的实现啊?? 

代码如下:
 

<body>
  <input type="text" id="searchTerm" />
  <input type="button" value="search" id="11" onclick="Search($('#searchTerm').val())"/>
  <input type="button" value="cancel" onclick="cancelSearch();"/>
<table>
    <thead>
        <tr><th>姓名</th><th>性别</th><th>暂住地</th></tr>
    </thead>
    <tbody>
        <tr class="parent" id="row_01"><td colspan="3">前台设计组</td></tr>
        <tr class="child_row_01"><td>张三</td><td>男</td><td>北京</td></tr>
        <tr class="child_row_01"><td>李四</td><td>男</td><td>上海</td></tr>
        <tr class="child_row_01"><td>王五</td><td>男</td><td>广州</td></tr>
        <tr class="parent" id="row_02"><td colspan="3">后台设计组</td></tr>
        <tr class="child_row_02"><td>赵六</td><td>男</td><td>深圳</td></tr>
        <tr class="child_row_02"><td>蒋七</td><td>男</td><td>香港</td></tr>
        <tr class="child_row_02"><td>韩八</td><td>男</td><td>台湾</td></tr>
    </tbody>
</table>


function Search(trem){
  $('table tbody tr').hide().filter(':contains("'+trem+'")').show();
//  $('select').hide().filter(':contains("'+trem+'")').show();
  $('tbody>tr:even').addClass("even");
  $('tbody>tr:odd').addClass("odd");
}


加一段是在select中的


  <select id="plist" name="tt" style="width: 100%; font-size: 11pt;" size="22" multiple="true">
 <option value="张三">张三</option>
 <option value="李四">李四</option>
 <option value="王五">王五</option>
 <option value="赵六">赵六</option>
 <option value="蒋七">蒋七</option>
 <option value="蒋八">蒋八</option>
  </select>

加载中
0
Arrowing
Arrowing

例子中

例子呢?

楼主提问前先确保语境。

0
hatake1feng
hatake1feng

引用来自“Arrowing”的评论

例子中

例子呢?

楼主提问前先确保语境。

图片直接复制了,没想到不能显示

返回顶部
顶部