<input type="button" value="选中" name="btn1" onclick="selectContent();">
<textarea id="txtcontent" name="txtcontent">这是我要显示的内容</textarea>
<script type="text/javascript">
function selectContent(){
document.getElementById("txtcontent").style.background = "white";
document.getElementById("txtcontent").style.color = "highlight";
}
</script>

解决方案 »

  1.   

    我不是要这种,我想要的是可不可以动态的创建一个选区。
    选区的内容是textarea的内容.就好像如下这种不完整的代码:
    <input type="button" value="选中" name="btn1" onclick="return selectContent();">
    <textarea id="content">这是我要显示的内容</textarea>
    <script type="text/javascript">
    function selectContent(){
    var aa=document.selection.createRange().text;
    alert(aa);
    }
    </script>
      

  2.   

    设置背景色可以使用
    document.execCommand("BackColor","false",sColor); 
    不过你的需求可能这样不能实现,但是应该可以通过其他方法实现选中,颜色可能有些困难,有空的时候试试看
      

  3.   

    我要的效果是下面这个样子的,怎么改成循环形式的??<input type="button" value="选中" name="btn1" onclick="rdl_createRange1();">
    <textarea id="content1">这是我要显示的内容1</textarea>
    <textarea id="content2">这是我要显示的内容2</textarea>
    <script>
    function rdl_createRange1(){
    var oMessage=document.all("content1");
    var oTextRange=document.body.createTextRange();
    with (oTextRange) {
    moveToElementText(oMessage);
    execCommand("SelectAll");
    }
    }
    </script>
      

  4.   

    麻烦各位,把上面这个改一个循环执行的形式??就是依次执行选中content1,content2
      

  5.   

    我这样写为什么不对啊??
    <input type="button" value="选中" name="btn1" onclick="rdl_createRange1();">
    <textarea id="content1">这是我要显示的内容1</textarea>
    <textarea id="content2">这是我要显示的内容2</textarea>
    <script>
    function rdl_createRange1(){
    for(var i=0;i<document.all.length;i++){
    var oMessage=document.all('content'+i);
    var oTextRange=document.body.createTextRange();
    with (oTextRange) {
    moveToElementText(oMessage);
    execCommand("SelectAll");
    }
    }
    }
    </script>
      

  6.   

    <input type="button" value="选中" name="btn1" onclick="rdl_createRange1();">
    <textarea id="content1">这是我要显示的内容1</textarea>
    <textarea id="content2">这是我要显示的内容2</textarea>
    <script>
    function rdl_createRange1(){
    for(var i=0;i<document.all.tags("textarea").length;i++){
    j=i+1;
    //alert(j);
    var oMessage=document.all('content'+j);
    var oTextRange=document.body.createTextRange();
    with (oTextRange) {
    moveToElementText(oMessage);
    execCommand("SelectAll");
    }
    }
    }
    </script>