有如下代码,需要写段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> </p>
<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> </p>
<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> </p>
</BODY>
</HTML>
select2里每次赋值都只加进去1个.能否再改1下,谢谢谢谢.
<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> </p>
</BODY>
</HTML>