文本域插入图片如何获得插入的值

下面是个例子，我想知道在点击取值的时候如何获得图片的路径
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<textarea id="mm" cols="50" rows="10">asdfghjkl</textarea>
<script language=javascript>
function insertHtml(){
 document.getElementById("mm").focus(); 
 document.selection.createRange().text="<img src=http://www.baidu.com/img/logo-yy.gif>";
 var span = document.createElement("");
 //alert(document.getElementById("mm").innerHTML);
 span.setAttribute("innerHTML",document.getElementById("mm").innerHTML.replace('&lt;','<').replace('&gt;','>'));
 //alert(document.getElementById("mm").innerHTML);
 document.getElementById("mm").setAttribute("innerHTML",'');
 document.getElementById("mm").insertBefore(span,null);;
}
</script>
<input type="submit" name="Submit" value="提交" onClick="insertHtml();"><input type="submit" name="Submit" value="取值" onClick='alert(document.getElementById("mm").value)'>
</html> 

解决方案 »

  1.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <body>
    <textarea id="mm" cols="50" rows="10"></textarea>
    <script language=javascript>
    function insertHtml(){
     document.getElementById("mm").focus(); 
     document.selection.createRange().text="<img src=http://www.baidu.com/img/logo-yy.gif>";
     var span = document.createElement("mm");
     //alert(document.getElementById("mm").innerHTML);
     span.setAttribute("innerHTML",document.getElementById("mm").innerHTML.replace('&lt;','<').replace('&gt;','>'));
     //alert(document.getElementById("mm").innerHTML);
     document.getElementById("mm").setAttribute("innerHTML",'');
     document.getElementById("mm").insertBefore(span,null);;
    }
    function g(){
    var html = document.getElementById("mm").innerHTML;
    var ha = html.match(/<img src="?([^">]+)"?\/?>/gi);
    for(var i=0, img; img=ha[i++];){
    alert(img);
    alert(RegExp.$1);
    }
    }
    </script>
    <input type="submit" name="Submit" value="提交" onClick="insertHtml();"><input type="submit" name="Submit" value="取值" onClick='g()'>
    </body>
    </html>