声明下拉框和文本域,下拉框内容改变将下拉框的内容放入到文本域中
<IDOCTYPE html>
<html>
<head>
<meta charset="UTF-8" >
<title></title>
<script type="text/javascript" >
window. onload=function(){
// xiaLaKuangShuZu:下拉框数组
var xiaLaKuangShuZu=document. getElementsByTagName("select");
xiaLaKuangShuZu[0].onchange=function() {
// xiaLaKuangXuanXiangShuZu:下拉框选项数组
var xiaLaKuangXuanXiangShuZu=this. options [this. selectedIndex]. value;
//wenBenYuShuZu:文本域数组
var wenBenYuShuZu=document. getElementsByTagName("textarea");
wenBenYuShuZu[0]. value=xiaLaKuangXuanXiangShuZu;
}}
</script>
</head>
<body>
<select name="" >
<option value="点赞">点赞</option>
<option value="关注">关注</option>
<option value="收藏">收藏</option>
<option value="充电">充电</option>
</select>
<textarea name="" rows="" cos="">诗书画唱</textarea>
</body>
</html>
文本节点