<select onchange="showImg(this.value)">
<option value="">请选择</option>
<option value="1,3">1,3</option>
<option value="2,4">2,4</option>
<option value="2,3">2,3</option>
</select>
<table border="1" width="40%" id="ice">
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
</table>
<script language="javascript">
<!--
function showImg(v)
{
if( !v ) return;
var ice = document.getElementById("ice");
var arr = v.split(",");
var cols= 2;
for(i=0;i<ice.rows.length;i++)
for(j=0;j<ice.rows[i].cells.length;j++)
ice.rows[i].cells[j].innerHTML = " ";
for(i=0;i<arr.length;i++)
{
var r = Math.floor((arr[i]-1) / cols);
var c = (arr[i]-1) % cols ;
//alert(r+":"+c);
ice.rows[r].cells[c].innerHTML = "<img src='http://www.csdn.net/Images/logo_csdn.gif'/>";
}
}
//-->
</script>
<option value="">请选择</option>
<option value="1,3">1,3</option>
<option value="2,4">2,4</option>
<option value="2,3">2,3</option>
</select>
<table border="1" width="40%" id="ice">
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
</table>
<script language="javascript">
<!--
function showImg(v)
{
if( !v ) return;
var ice = document.getElementById("ice");
var arr = v.split(",");
var cols= 2;
for(i=0;i<ice.rows.length;i++)
for(j=0;j<ice.rows[i].cells.length;j++)
ice.rows[i].cells[j].innerHTML = " ";
for(i=0;i<arr.length;i++)
{
var r = Math.floor((arr[i]-1) / cols);
var c = (arr[i]-1) % cols ;
//alert(r+":"+c);
ice.rows[r].cells[c].innerHTML = "<img src='http://www.csdn.net/Images/logo_csdn.gif'/>";
}
}
//-->
</script>
<script language="javascript">
function ShowIMG(V)
{
var IDS = V.split(',')
for (var i=1;i<=5;i++)
{
var IMG=document.getElementById("IMG"+i);
IMG.style.display="none";
}
for (var i=0;i<IDS.length;i++)
{
var IMG=document.getElementById("IMG"+IDS[i]);
IMG.style.display="block";
}
}
</script> <select onchange="ShowIMG(this.value)">
<option value="">None</option>
<option value="1,3">A</option>
<option value="2">B</option>
<option value="4,5">C</option>
<option value="1,2,3,4,5">D</option>
</select>
<table border=1 id="Tbl">
<tr>
<td width="200" height="100">1<img src="http://zi.csdn.net/mobi120x60.gif" id="IMG1" style="display:none"></td>
<td width="200">2<img src="http://zi.csdn.net/mobi120x60.gif" id="IMG2" style="display:none"></td>
<td width="200">3<img src="http://zi.csdn.net/mobi120x60.gif" id="IMG3" style="display:none"></td>
<td width="200">4<img src="http://zi.csdn.net/mobi120x60.gif" id="IMG4" style="display:none"></td>
<td width="200">5<img src="http://zi.csdn.net/mobi120x60.gif" id="IMG5" style="display:none"></td>
</tr>
</table>
1、下拉框选项改变时激发的函数,例如:fun1(value1)
2、根据选择的值计算得到需要的值,如:fun2(value2)
3、实现图片选择的函数,如:fun3(value3)
调用关系如下:
fun1(value1)
{
value3 = fun2(value1);
fun3(value3);
}