有如下代码,需要写段javascript。当我选中listbox(select)里的一个值,从table里找出第一个TD里和所选值相等的行,并把所找出的每一行第2个TD里的值,赋给第2个listbox(select2),请教1下该怎么实现?????<label>
<select name="select">
  <option value="请选择" selected="selected">请选择</option>
  <option value="company1">company1</option>
  <option value="company2">company2</option>
  <option value="company3">company3</option>
</select>
<select name="select2">
  <option value="请选择">请选择</option>
</select>
</label>
<table width="130" height="122" border="1" id="tbl">
  <tr>
    <td width="61">company1</td>
    <td width="53">12</td>
  </tr>
  <tr>
    <td>company2</td>
    <td>54</td>
  </tr>
  <tr>
    <td>company3</td>
    <td>44</td>
  </tr>
<tr>
    <td width="61">company2</td>
    <td width="53">33</td>
  </tr>
  <tr>
    <td>company2</td>
    <td>88</td>
  </tr>
  <tr>
    <td>company3</td>
    <td>22</td>
  </tr>
<tr>
    <td width="61">company1</td>
    <td width="53">66</td>
  </tr>
  <tr>
    <td>company3</td>
    <td>86</td>
  </tr>
  <tr>
    <td>company3</td>
    <td>33</td>
  </tr>
</table>
<p>&nbsp;</p>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT=""> </HEAD> <BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function compareAndInsert(value) {
    var tb1 = document.getElementById("tb1");
    var select2 = document.getElementById("select2"); // clear 
    select2.options.length = 0;
    var i = 0;
    for(i=0;i<tb1.rows.length;i++) {
    if(tb1.rows[i].cells[0].innerHTML == value) {
    select2.options[0] = new Option(tb1.rows[i].cells[1].innerHTML,tb1.rows[i].cells[1].innerHTML); return;
    }
    }

    }
    //-->
    </SCRIPT>
      <label>
    <select name="select" onChange="compareAndInsert(this.options[this.selectedIndex].value)">
    <option value="请选择" selected="selected" >请选择</option>
    <option value="company1">company1</option>
    <option value="company2">company2</option>
    <option value="company3">company3</option>
    </select>
    <select name="select2">
    <option value="请选择">请选择</option>
    </select>
    </label>
    <table width="130" height="122" border="1" id="tb1">
    <tr>
    <td width="61">company1</td>
    <td width="53">12</td>
    </tr>
    <tr>
    <td>company2</td>
    <td>54</td>
    </tr>
    <tr>
    <td>company3</td>
    <td>44</td>
    </tr>
    <tr>
    <td width="61">company2</td>
    <td width="53">33</td>
    </tr>
    <tr>
    <td>company2</td>
    <td>88</td>
    </tr>
    <tr>
    <td>company3</td>
    <td>22</td>
    </tr>
    <tr>
    <td width="61">company1</td>
    <td width="53">66</td>
    </tr>
    <tr>
    <td>company3</td>
    <td>86</td>
    </tr>
    <tr>
    <td>company3</td>
    <td>33</td>
    </tr>
    </table>
    <p>&nbsp;</p>
     </BODY>
    </HTML>
      

  2.   

    谢谢楼上的,但是代码有问题,运行了1下,没有把table里所有符合的值,加入到select2里,
    select2里每次赋值都只加进去1个.能否再改1下,谢谢谢谢.
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT=""></HEAD><BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function compareAndInsert(value) {
    var tb1 = document.getElementById("tb1");
    var select2 = document.getElementById("select2");// clear
    select2.options.length = 0;
    var i = 0;
    for(i=0;i<tb1.rows.length;i++) {
    if(tb1.rows[i].cells[0].innerHTML == value) {
    select2.options.add(new Option(tb1.rows[i].cells[1].innerHTML,tb1.rows[i].cells[1].innerHTML));
    }
    }}
    //-->
    </SCRIPT>
    <label>
    <select name="select" onChange="compareAndInsert(this.options[this.selectedIndex].value)">
    <option value="请选择" selected="selected" >请选择</option>
    <option value="company1">company1</option>
    <option value="company2">company2</option>
    <option value="company3">company3</option>
    </select>
    <select name="select2">
    <option value="请选择">请选择</option>
    </select>
    </label>
    <table width="130" height="122" border="1" id="tb1">
    <tr>
    <td width="61">company1</td>
    <td width="53">12</td>
    </tr>
    <tr>
    <td>company2</td>
    <td>54</td>
    </tr>
    <tr>
    <td>company3</td>
    <td>44</td>
    </tr>
    <tr>
    <td width="61">company2</td>
    <td width="53">33</td>
    </tr>
    <tr>
    <td>company2</td>
    <td>88</td>
    </tr>
    <tr>
    <td>company3</td>
    <td>22</td>
    </tr>
    <tr>
    <td width="61">company1</td>
    <td width="53">66</td>
    </tr>
    <tr>
    <td>company3</td>
    <td>86</td>
    </tr>
    <tr>
    <td>company3</td>
    <td>33</td>
    </tr>
    </table>
    <p>&nbsp;</p>
    </BODY>
    </HTML>