ユーザーが選択したテキストを表示

Question

<script type="text/javascript"> 
     /* run on document load **/ 
     function disp() { 
      //var text = document.getElementById('TextArea1').value; 

      var text = document.getElementById('MainContent_TextArea1').value; 
      //alert('a') 

      if (text == null) 
      { 
       return false; 
      } 
      else 
      { 
       var t = text; 
      var t = text.substr(text.selectionStart, text.selectionEnd -text.selectionStart); 
       document.getElementById('displayval').value = t; 
       alert(t) 
       } 
      } 
    </script> 
    <div> 
    <input id="TextArea1" runat="server" type="text"/> 
    <INPUT type="button" onclick= "disp()" visible="true" value="Show"/> 
    <INPUT type="text" id ="displayval" visible="true" /> 
    </div> 

ここでは、ユーザーが選択したテキストを表示しようとしています。しかし、残念ながらvar t = text.substr（text.selectionStart、text.selectionEnd -text.selectionStart）;エラーが発生します。 動作していません。このコードでは間違っています。これを修正して私を助けてください..

Answer 1

<script type="text/javascript"> 
    function disp() { 
     var txtArea = document.getElementById('TextArea1'); 
     var start = txtArea.selectionStart; 
     var finish = txtArea.selectionEnd; 
     var sel = txtArea.value.substring(start, finish); 
     document.getElementById('displayval').value = sel; 
     alert(sel); 
    } 
</script> 
<div> 
    <input id="TextArea1" runat="server" type="text"/> 
    <input type="button" onclick= "disp()" visible="true" value="Show"/> 
    <input type="text" id ="displayval" visible="true" /> 
</div>