注册 登录
编程论坛 ASP技术论坛

textarea里面插入图片问题请教

gesongs 发布于 2011-10-08 09:01, 1142 次点击

 下述代码 加入 form 就不能显示图片  不加form 就可以显示图片
<form id="form1" name="form1" method="post" action="">//加入了form
  <textarea name="textarea"  cols="50"  rows="20"  id="test"></textarea>
  <input name="xx" type="text" id="xx" />
  <input name="submit" type = "submit" class="button" id="up" onclick="on_up();" value = "提交"/>
  </form>
  <script  language="JavaScript">
  function on_up()
               {
          var oImg=document.createElement("IMG");
         // var xx='"'+document.form1.xx.value+'"'
          oImg.src="https://bbs.bccn.net/images/default/logo.gif";
          test.appendChild(oImg);//问题应该在这 可是不知怎么改 请求帮忙修改
                 }
  </script>
8 回复
#2
dzt00012011-10-08 09:40
test.appendChild(oImg);这句的test是怎么定义的?
#3
scilent2011-10-08 10:24
test.appendChild(oImg);//把这句放在</script>之后试试
#4
gesongs2011-10-12 10:54
这样正常:
  <textarea name="textarea"  cols="50"  rows="20"  id="test"></textarea>
  <input name="xx" type="text" id="xx" />
  <input name="submit" type = "submit" class="button" id="up" onclick="on_up();" value = "提交"/>
   <script  language="JavaScript">
  function on_up()
               {
          var oImg=document.createElement("IMG");
          oImg.src="https://bbs.bccn.net/images/default/logo.gif";
          test.appendChild(oImg);
                 }
  </script>
这样就不正常 加入了 form
<form id="form1" name="form1" method="post" action="">//加入了form
  <textarea name="textarea"  cols="50"  rows="20"  id="test"></textarea>
  <input name="xx" type="text" id="xx" />
  <input name="submit" type = "submit" class="button" id="up" onclick="on_up();" value = "提交"/>
  </form>
  <script  language="JavaScript">
  function on_up()
               {
          var oImg=document.createElement("IMG");
                 oImg.src="https://bbs.bccn.net/images/default/logo.gif";
          test.appendChild(oImg);//问题应该在这 可是不知怎么改 请求帮忙修改
                 }
  </script>
#5
gesongs2011-10-12 12:55
我就想做一个如下图片显示的 功能!
只有本站会员才能查看附件,请 登录
#6
yms1232011-10-12 13:19
编辑器不是用textarea实现的,是用iframe
#7
xiaodin12011-10-12 18:17
回复 6楼 yms123
能再详细些,说下思路吗?谢谢!
#8
yms1232011-10-12 20:11
以下是引用xiaodin1在2011-10-12 18:17:41的发言:

能再详细些,说下思路吗?谢谢!
百度搜索可编辑iframe
#9
cserwang2011-10-17 15:59
程序代码:
<form id="form1" name="form1" method="post" action="">//加入了form
  <textarea name="textarea"  cols="50"  rows="20"  id="test"></textarea>
  <input name="xx" type="text" id="xx" />
  <input name="submit" type = "submit" class="button" id="up" onclick="return on_up();" value = "提交"/>
  </form>
  <script  language="JavaScript">
  function on_up()
               {
          var oImg=document.createElement("IMG");
                 oImg.src="http://bbs.bccn.net/images/default/logo.gif";
          test.appendChild(oImg);//问题应该在这 可是不知怎么改 请求帮忙修改
          return false;  //注意这里要返回 有form在 你点击按钮就提交出去了 所以不会显示 要阻止浏览器提交到本页
                 }
  </script>
1