用javascript实现修改textarea背景颜色的功能没有效果
用select做的颜色选择器：<span>信纸：<selectname="style"><optionchecked>默认</option><optiononclick=...
用select做的颜色选择器：
<span >
信纸：<select name="style" >
<option checked >默认</option>
<option onclick="selectbg(#C1FFC1);">护眼</option>
<option onclick="selectbg(#EEC591);">羊皮纸</option>
<option onclick="selectbg(#FFEBCD);">书之味</option>
<option onclick="selectbg(#76EEC6);">春之色</option>
<option onclick="selectbg(#FCF8DC);">纸之灵</option>
<option onclick="selectbg(#8B8878);">夜之魅</option>
</select>
</span>
textarea为：
<textarea id="textarea" name="content" rows=14></textarea>
js为：
//设置信纸
function selectbg(n){
document.getElementById("textarea").style.background=n;
}
js引用没有问题，但是没有达到预期效果。 展开
<span >
信纸：<select name="style" >
<option checked >默认</option>
<option onclick="selectbg(#C1FFC1);">护眼</option>
<option onclick="selectbg(#EEC591);">羊皮纸</option>
<option onclick="selectbg(#FFEBCD);">书之味</option>
<option onclick="selectbg(#76EEC6);">春之色</option>
<option onclick="selectbg(#FCF8DC);">纸之灵</option>
<option onclick="selectbg(#8B8878);">夜之魅</option>
</select>
</span>
textarea为：
<textarea id="textarea" name="content" rows=14></textarea>
js为：
//设置信纸
function selectbg(n){
document.getElementById("textarea").style.background=n;
}
js引用没有问题，但是没有达到预期效果。 展开
1个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<span >
信纸：<select name="style" onchange="selectbg(this);">
<option checked >默认</option>
<option value="#C1FFC1">护眼</option>
<option value="#EEC591">羊皮纸</option>
<option value="#FFEBCD">书之味</option>
<option value="#76EEC6">春之色</option>
<option value="#FCF8DC">纸之灵</option>
<option value="#8B8878">夜之魅</option>
</select>
</span>
textarea为：
<textarea id="textarea" name="content" rows=14></textarea>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function selectbg(obj){
document.getElementById("textarea").style.background=obj.value;
}
//-->
</SCRIPT>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<span >
信纸：<select name="style" onchange="selectbg(this);">
<option checked >默认</option>
<option value="#C1FFC1">护眼</option>
<option value="#EEC591">羊皮纸</option>
<option value="#FFEBCD">书之味</option>
<option value="#76EEC6">春之色</option>
<option value="#FCF8DC">纸之灵</option>
<option value="#8B8878">夜之魅</option>
</select>
</span>
textarea为：
<textarea id="textarea" name="content" rows=14></textarea>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function selectbg(obj){
document.getElementById("textarea").style.background=obj.value;
}
//-->
</SCRIPT>
</HTML>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
