首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

根据select的选择显示不同内容,该如何解决

2012-03-18 
根据select的选择显示不同内容我在jsp的页面中显示了一张table,但是现在需要添加一个功能,根据select菜单

根据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(); });} 

热点排行