Question

急：如何用javascript设置输入文本框的字体和大小并提交?

如何用javascript动态设置输入文本框的字体和大小,并可以提交？
如：
<select name="select">
<option value="黑体">黑体</option>
<option value="宋体" selected>宋体</option>
</select>
<select name="select2" >
<option value="9">五号</option>
<option value="12" selected>四号</option>
</select>
<textarea name="modes" cols="52" rows="6"></textarea>
如何将上面的字体设置到文本框中并可以提交呢？拜托各位高手了。如果有正确答案，今晚结贴。

急！再补充：请说明怎么提交文本框内已设置的数据。

Answer 1

当然可以,而且方法很多.
下面举个例子吧:

<SCRIPT LANGUAGE="JavaScript">
<!--
function changeSize(obj){
document.all.modes.style.fontSize = obj.value;
}

function changeFont(obj){
document.all.modes.style.fontFamily = obj.value;
}
//-->
</SCRIPT>
<select name="select" onChange="changeFont(this)">
<option value="黑体">黑体</option>
<option value="宋体" selected>宋体</option>
</select>
<select name="select2" onChange="changeSize(this)">
<option value="9">五号</option>
<option value="12" selected>四号</option>
</select>
<textarea name="modes" cols="52" rows="6" style="width: 500px;height: 300px"></textarea>

-----------------------------------------------
你应该先用style指定textarea的长和宽,不然样式变了,文本区域的大小也会随之发生变化

Answer 2

按以下方法来解决，
设置输入文本框的字体和大小可以由css样式来确定。
<STYLE type=text/css>
SELECT {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #000000 1px solid; COLOR: #3d362b; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #f4f4f4
}
TEXTAREA {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; SCROLLBAR-FACE-COLOR: #009ace; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #b8e9fa; OVERFLOW: auto; BORDER-LEFT: #000000 1px solid; SCROLLBAR-SHADOW-COLOR: #009aaa; SCROLLBAR-3DLIGHT-COLOR: #3d362b; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #f4f4f4; BORDER-BOTTOM: #000000 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #3d362b
}</STYLE>
根据自己有爱好来修改里面大小和色彩。
要提交表单，则需要把这些写在<form name=form1 action="处理页地址">与</form>之间。
如果你想通过java代码来实现文本框内的内容改变，那好像是行不通的。最多是提交之后再根据你的选择显示出来