日期:2014-05-16  浏览次数:20467 次

根据select的选择显示不同内容
我在jsp的页面中显示了一张table,但是现在需要添加一个功能,根据select菜单的不同从这个table中选出相应的项显示在页面上。请问用js可以做到么?要怎么做?

------解决方案--------------------
可以,用jquery
JScript code

function Select(){
  var selValue=$("#select_id").val();//拿到选择框选择内容
  //循环列表
  $("#table_id tbody").find("tr").each(function(){
     //如果这一行的内容包含有选择的内容,则显示,否则隐藏
      //或者你也通过$(this).find("td")[i]来拿到单元格的内容进行比较
     if($(this).text().indexOf(selValue)>-1)
       $(this).show();
     else
       $(this).hide();
 });
}