先看看一段代码
<html>
<head>
</head>
<body>
<table border="0" bgcolor="#00FF0f">
<tr>
<th>姓名</th>
<th>想干嘛</th>
</tr>
<tr>
<td><select>
<option value="love" >zdd</option>
<option value="work" >zxw</option>
</select></td>
</tr>
<tr>
<!--这里还没写,问题就在这里-->
</tr>
</table>
</body>
</html>
问题:
我这个脚本,还没写完,我想,我的<select>里面,当点击"love"时才在“想干嘛”这一个部分出现“爱”,点击“work”时就自动在“想干嘛”这个部分出现“工作”。
初学,我不懂,请指教!!!
------解决方案--------------------
<html>
<head>
<script type="text/javascript">
function display(sel){
var tdshow = document.getElementById("content");
if(sel.value=="love"){
tdshow.innerText="爱";
}else{
tdshow.innerText="工作";
}
}
</script>
</head>
<body>
<table border="0" bgcolor="#00FF0f">
<tr>
<th>姓名</th>
<th>想干嘛</th>
</tr>
<tr>
<td><select onchange="display(this)">
<option value="love" selected="selected">zdd</option>
<option value="work" >zxw</option>
</select></td>
<td id="content">爱
<td>
</tr>
</table>
</body>
</html>
是这个样子么?