我在网页中有一个下拉列表框seclet,一个文本框content
我想实现这样一个效果:在文本框content中输入aaaaaaaaaaa <br> bbbbbbbbbb <br> ccccccccccc内容,然后鼠标选择bbbbbbbbbb. 在列表框中选择“回复可见”后,content中的 bbbbbbbbbb就变成了标签的内容,标签的标题变成为“回复可见”。 如果在列表框中选择“版主可见”后 bbbbbbbbbb就变成了标签的内容,标签的标题变成为“版主可见”。我做这个主要目的是为了在论坛里先回复帖子了才能看到内容的效果,之前的内容是用标签隐藏掉的。我不知到该怎么实现这个效果。恳求高手们帮下。
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 无标题文档 </title>
</head>
<body>
<form name= "form1 " method= "post " action= " ">
<table width= "600 " height= "162 " border= "1 ">
<tr>
<td width= "86 " height= "21 "> 选择类型: </td>
<td width= "433 "> <select name= "select ">
<option> 回复可见 </option>
<option> 版主可见 </option>
<option> 管理员可见 </option>
</select> </td>
</tr>
<tr>
<td height= "133 "> 文本域: </td>
<td> <textarea name= "content " cols= "60 " rows= "8 " id= "content "> aaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbb
cccccccccccccccccccccccc </textarea> </td>
</tr>
</table>
</form>
aaaaaaaaaaaaaaaaaaa <br>
<FIELDSET> <LEGEND> 回复可见 </LEGEND> bbbbbbbbbbbbbbbbbbb </FIELDSET> <br>
cccccccccccccccccccccccc
</body>
</html>
------解决方案--------------------
这样的?
--------------------------------------
<form name= "form1 " method= "post " action= " ">
<table width= "600 " height= "162 " border= "1 ">
<tr>
<td width= "86 " height= "21 "> 选择类型: </td>
<td width= "433 "> <select name= "select " onchange= "change(this.value); ">
<option value= "回复可见 "> 回复可见 </option>
<option value= "版主可见 "> 版主可见 </option>
<option value= "管理员可见 "> 管理员可见 </option>
</select> </td>
</tr>
<tr>
<td height= "133 "> 文本域: </td>
<td> <textarea name= "content " cols= "60 " rows= "8 " id= "content "> aaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbb
cccccccccccccccccccccccc </textarea> </td>
</tr>
</table>
</form>
<script language= "javascript ">
function change(str){
var sel = document.selection.createRange();
if(sel.parentElement().name!= "content ")return;