Question

js 如何设置 多个select下拉菜单 添加内容到 textarea ？？

在网上找了以下这个代码例子：但这代码只能实现一条option内容添加到textarea ，不能多条option内容添加到textarea，例如 选择了1111 添加 textarea 再次选择了2222再次增加在 textarea 内容中。 麻烦懂js的帮助写下完整的代码粘出来，谢谢了。

<script language="javascript" type="text/javascript">
function setVar(v_sel){
document.form.outPut.value = v_sel.value;
}

</script>
<form name="form" method="post" action="">
<p>
<select name="sel" id="sel" onchange="setVar(this);">
<option>11111111111</option>
<option>22222222222</option>
<option>33333333333</option>
</select>
</p>
<p>
<select name="sel" id="sel" onchange="setVar(this);">
<option>33333333333</option>
<option>44444444444</option>
<option>5555555555</option>
</select>
</p>
<p>
<select name="sel" id="sel" onchange="setVar(this);">
<option>666666666</option>
<option>777777777</option>
<option>888888888</option>
</select>
</p>
<p>
<textarea id="outPut" name="outPut"></textarea>
</p>
</form>

Answer 1

文本域的值应该是上个值累加起来，替换成下面方法即可:
function setVar(v_sel){
var oldVal = document.form.outPut.value;
var selValue = v_sel.options[v_sel.selectedIndex].value;
document.form.outPut.value = oldVal + selValue +'/n';
}

Answer 2

document.form.outPut.value += v_sel.value; textarea 里面的值加上新值，再保存到 textarea 里面

Answer 3

document.form.outPut.value += v_sel.value; 多弄个+号

追问

晕，我在网上找的js代码在ie9有效果 在ie8没效果。。 可以帮忙写个这样效果的js吗

追答

document.form.outPut.value += v_sel.options[v_sel.selectedIndex].innerText; 后面的取值换下，上面的那个不兼容IE8