如何取得document.selection在整个文本串中的索引

操作textarea的例子 自己改一下吧
<textarea id="txt1" rows=10 cols=30 onmouseup="sel()">这是一行文字</textarea> 
<textarea id="txt2" rows=10 cols=30></textarea> 
<script language="javascript"> 
var r; 
function sel() 
{ 
r=document.selection.createRange(); 
} 
function send() 
{ 
if(r) 
{ 
document.getElementById("txt2").value+=r.text; 
r=null; 
} 
} 
</script> 
<input type="button" value="传递" onclick="send()">

解决方案 »

  1.   

    需要的是索引，而不是选中的text。
    或者说，如何把文本中未选中的部分取出来呢？
      

  2.   


    <html>
    <head>
    <title>TEST</title>

    <script type="text/javascript">    
        
        function savePos(textBox)
        {
         var start = 0
         var end = 0
                 
                var range = document.selection.createRange();
                
                if(range.parentElement().id == textBox.id)
                {                
                    var range_all = document.body.createTextRange();
                    range_all.moveToElementText(textBox);                
                    
                    for (start=0; range_all.compareEndPoints("StartToStart", range) < 0; start++)
                        range_all.moveStart('character', 1);                                    for (var i = 0; i <= start; i ++)
                    {
                        if (textBox.value.charAt(i) == '\n')
                            start++;
                    }
                                    
                    var range_all = document.body.createTextRange();
                    range_all.moveToElementText(textBox);                
                    
                    for (end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; end ++)
                        range_all.moveStart('character', 1);                     
                     
                     for (var i = 0; i <= end; i ++)
                     {
                         if (textBox.value.charAt(i) == '\n')
                             end ++;
                     }
                   }
               
            document.getElementById("start").innerText = start;
            document.getElementById("end").innerText = end;
            
            //Unselected Text
            var preText = textBox.value.substr(0,start)
            var endText = textBox.value.substr(end)
            document.getElementById("unSelectedText").innerHTML = preText + "<font color=red><b>{SELECTED TEXT}</b></font>" + endText
        }
    </script>
    </head>
    <body>

    <textarea id="ta" onmousedown="savePos(this)" onmouseup="savePos(this)"  rows="14" cols="50">textarea中有一段文本串，onselect的时候，如何取得选中文本在整个文本串中的索引（选中串的起始位置索引）？谢谢！</textarea>
             
             <p>
              Start Index : <span id="start"></span>
             </p>
             
             <p>
              End Index : <span id="end"></span>
             </p>
             
             <p>
              UnSelected Text : <span id="unSelectedText"></span>
             </p>
            

    </body>
    </html>
      

  3.   


    <html>
        <head>
        <title>TEST</title>
        
        <script type="text/javascript">       
            
            function savePos(textBox)
            {
                var start = 0
                var end = 0
                        
                var range = document.selection.createRange();
                
                if(range.parentElement().id == textBox.id)
                {                
                    var range_all = document.body.createTextRange();
                    range_all.moveToElementText(textBox);                
                    
                    for (start=0; range_all.compareEndPoints("StartToStart", range) < 0; start++)
                        range_all.moveStart('character', 1);                                    for (var i = 0; i <= start; i ++)
                    {
                        if (textBox.value.charAt(i) == '\n')
                            start++;
                    }
                                    
                    var range_all = document.body.createTextRange();
                    range_all.moveToElementText(textBox);                
                    
                    for (end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; end ++)
                        range_all.moveStart('character', 1);                     
                     
                     for (var i = 0; i <= end; i ++)
                     {
                         if (textBox.value.charAt(i) == '\n')
                             end ++;
                     }
                   }
                   
                document.getElementById("start").innerText = start;
                document.getElementById("end").innerText = end;
                
                //Unselected Text
                var preText = textBox.value.substr(0,start)
                var endText = textBox.value.substr(end)
                document.getElementById("unSelectedText").innerHTML = preText + "<font color=red><b>{SELECTED TEXT}</b></font>" + endText
            }
        </script>
        </head>
        <body>
        
            <textarea id="ta" onmousedown="savePos(this)" onmouseup="savePos(this)"  rows="14" cols="50">textarea中有一段文本串，onselect的时候，如何取得选中文本在整个文本串中的索引（选中串的起始位置索引）？谢谢！</textarea>
             
             <p>
                 Start Index : <span id="start"></span>
             </p>
             
             <p>
                 End Index : <span id="end"></span>
             </p>
             
             <p>
                 UnSelected Text : <span id="unSelectedText"></span>
             </p>
                    
        
        </body>
    </html>
      

  4.   

    <textarea id="txt1" rows=10 cols=30 onmouseup="sel()">这是一行文字gdfgdgdgdfgdg </textarea> 
    <textarea id="txt2" rows=10 cols=30> </textarea> 
    <script language="javascript"> 
    var r; 
    function sel() 
    { 
    var str=document.getElementById("txt1").value;
    r=document.selection.createRange();
    var sttr=r.text;
    var str1=str.substring(sttr.length);
    document.getElementById("txt2").value= str1;
    } 
    </script> 
    这种效果？选中文字看看
      

  5.   

    textarea 应该没有onselect事件
    你是不是把select的多项选择看成textarea
    textarea只有select方法
    事件只有onchange
      

  6.   

    楼主可以看看我的代码是不是符合你的要求。另外wuchao911 是不是发现我的代码有什么问题么？ 我看你copy后没有做修改啊
      

  7.   

    谢谢各位，尤其谢谢sallay！
    结贴。