文本框问题

要求：
1、单击“生成”按钮，将这些代码写到文本框里
2、能让用户可以选择表格颜色
3、怎样将表格设置成下列格式：
   菜单   价格    菜单   价格<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head><body>
<SCRIPT LANGUAGE="JavaScript">
<!--
var mm={};
mm["1001"] = {mMoney:5, mStr:"皇品叉烧饭"}
mm["1005"] = {mMoney:8, mStr:"台湾香肠饭"}
mm["1006"] = {mMoney:8, mStr:"特制招牌饭"}
mm["1007"] = {mMoney:9, mStr:"鲁味肉燥饭"}
//mm["1008"] = {mMoney:9}var s="<table border='1'>";
s+="<tr bgcolor='#008844'>";
//s+="<td>序号</td>";
s+="<td>菜单</td>";
s+="<td>价格</td>";
s+="</tr>";
for(var i in mm)
{
  s+="<tr>";
  //s+="<td>"+ i +"</td>";
  s+="<td>"+ mm[i].mStr +"</td>";
  s+="<td>"+ mm[i].mMoney +"</td>";  s+="</tr>";
}
s +="</table>";
document.write(s);//-->
</SCRIPT>
<textarea name="kansou" rows="6" cols="40">
</textarea>
<input type="submit" value="生成">
</body></html>谢谢

解决方案 »

  1.   

    文本框里面好象不支持html代码吧?这样估计是不行,不过你可以做个假的文本框,比如用div当文本框,这样就可以把代码防到div里面去了.
      

  2.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 1</title>
    </head><body>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var mm={};
    mm["1001"] = {mMoney:5, mStr:"皇品叉烧饭"}
    mm["1005"] = {mMoney:8, mStr:"台湾香肠饭"}
    mm["1006"] = {mMoney:8, mStr:"特制招牌饭"}
    mm["1007"] = {mMoney:9, mStr:"鲁味肉燥饭"}
    //mm["1008"] = {mMoney:9}var s="<table border='1'>";
    s+="<tr bgcolor='#008844'>";
    //s+="<td>序号</td>";
    s+="<td>菜单</td>";
    s+="<td>价格</td>";
    s+="</tr>";
    for(var i in mm)
    {
      s+="<tr>";
      //s+="<td>"+ i +"</td>";
      s+="<td>"+ mm[i].mStr +"</td>";
      s+="<td>"+ mm[i].mMoney +"</td>";  s+="</tr>";
    }
    s +="</table>";
    document.write(s);
    function intoTextArea()
    {
    document.getElementById("kansou").value=s;}//-->
    </SCRIPT>
    <textarea name="kansou" id="kansou" rows="6" cols="40">
    </textarea>
    <input type="button" value="生成" onclick="javascript:intoTextArea();">
    </body></html>