求容易的select标签筛选表格的简单代码。哭-JavaSript-爱易网页

求容易的select标签筛选表格的简单代码。哭

日期：2014-05-16　浏览次数：20355 次

求简单的select标签筛选表格的简单代码。。。？哭
简单一点就好了。让我能看的懂，刚刚看了怎么用js操作select，不知道怎么操作表格。。。。

------解决方案--------------------
下标要从0开始

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script language="javascript" >

    function t() {

        var obj = document.getElementById("select1");

        var index = obj.selectedIndex;

        var val = obj.options[index].text;

        //var tabel = document.getElementById("tb");//变量名称错了

        var table = document.getElementById("tb");

        for (var i = 0; i < table.rows.length; i++) {

            table.rows[i].style.display = val == table.rows[i].cells[2].innerHTML ? '' : 'none';

        }

    }

</script>

</head>

 

<body>

    <div>

        <label for="selectReason">原因：</label>

        <select id="select1" name="selectReanson" onchange="t()">

            <option>...</option>

            <option>文件不一致</option>

            <option>基准文件缺失</option>

            <option>服务器文件缺失</option>

            </select>

        <table width="500"  border= "1" id= "tb">   

        <tr>   

            <td>&nbsp;</td>   

            <td>&nbsp;</td>   

            <td>文件不一致</td>   

        </tr>   

        <tr>   

            <td>&nbsp;</td>   

            <td>&nbsp;</td>   

            <td>基准文件缺失</td>   

        </tr>

        <tr>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

求容易的select标签筛选表格的简单代码。哭

相关资料更多>

推荐阅读更多>