javascript如何在textarea和select之间互相传值？
就是把textarea的第一行设置为select的第一项，依此类推，反之也是一样求示例代码，要能互相传值的哦，非常感谢！...
就是把textarea的第一行设置为select的第一项，依此类推，反之也是一样
求示例代码，要能互相传值的哦，非常感谢！ 展开
求示例代码，要能互相传值的哦，非常感谢！ 展开
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>textarea和select之间互相传值</title>
<script type="text/javascript">
function textareaToSelect()
{
var objArea = document.getElementById("txtArea");
var objSel = document.getElementById("objSel");
if(objArea.value.length > 0)
{
var arrText = objArea.value.indexOf("\r\n") > 0 ?objArea.value.split("\r\n"):objArea.value.split("\n");
var arrOptions = new Array();
//清空原有OPTION
while(objSel.options.length > 0)
{
objSel.removeChild(objSel.childNodes[0]);
}
for(var i=0; i<arrText.length;i++)
{
var childOption = document.createElement("option");
objSel.appendChild(childOption);
childOption.text = arrText[i];
childOption.value = arrText[i];
}
}
objArea.value="";
}
function selectToTextarea()
{
var objArea = document.getElementById("txtArea");
var objSel = document.getElementById("objSel");
var arrText = new Array();
while(objSel.options.length > 0)
{
arrText[arrText.length] = objSel.childNodes[0].value;
objSel.removeChild(objSel.childNodes[0]);
}
if(document.all)
objArea.value=arrText.join("\r\n");
else
objArea.value=arrText.join("\n");
}
</script>
</head>
<body>
<table border="1">
<tr>
<td valign="top"><textarea id="txtArea" rows="18" cols="20"></textarea></td>
<td>
<input type="button" value=" >> " onclick="textareaToSelect()" />
<br />
<input type="button" value=" << " onclick="selectToTextarea()" />
</td>
<td valign="top"><select id="objSel" style="width:180px; height:300px;" multiple="multiple"></select></td>
</tr>
</table>
</body>
</html>
注意有的代码太长换行了.
IE与FF测试没问题.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>textarea和select之间互相传值</title>
<script type="text/javascript">
function textareaToSelect()
{
var objArea = document.getElementById("txtArea");
var objSel = document.getElementById("objSel");
if(objArea.value.length > 0)
{
var arrText = objArea.value.indexOf("\r\n") > 0 ?objArea.value.split("\r\n"):objArea.value.split("\n");
var arrOptions = new Array();
//清空原有OPTION
while(objSel.options.length > 0)
{
objSel.removeChild(objSel.childNodes[0]);
}
for(var i=0; i<arrText.length;i++)
{
var childOption = document.createElement("option");
objSel.appendChild(childOption);
childOption.text = arrText[i];
childOption.value = arrText[i];
}
}
objArea.value="";
}
function selectToTextarea()
{
var objArea = document.getElementById("txtArea");
var objSel = document.getElementById("objSel");
var arrText = new Array();
while(objSel.options.length > 0)
{
arrText[arrText.length] = objSel.childNodes[0].value;
objSel.removeChild(objSel.childNodes[0]);
}
if(document.all)
objArea.value=arrText.join("\r\n");
else
objArea.value=arrText.join("\n");
}
</script>
</head>
<body>
<table border="1">
<tr>
<td valign="top"><textarea id="txtArea" rows="18" cols="20"></textarea></td>
<td>
<input type="button" value=" >> " onclick="textareaToSelect()" />
<br />
<input type="button" value=" << " onclick="selectToTextarea()" />
</td>
<td valign="top"><select id="objSel" style="width:180px; height:300px;" multiple="multiple"></select></td>
</tr>
</table>
</body>
</html>
注意有的代码太长换行了.
IE与FF测试没问题.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
通过javascript，在select的onclikc时间里面，变更textarea的第一行，将其设定为select的第一项即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两个都用select就好传了啊，select加上multiple="multiple"这个属性看上去跟textarea没什么差别
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
