3种操作textarea的方法 .

最新推荐文章于 2024-05-15 09:30:00 发布

原创最新推荐文章于 2024-05-15 09:30:00 发布 · 406 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #html

web页面专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用jQuery对textarea元素进行赋值和获取值的操作。包括使用.val(), .innerHTML 和 .attr() 方法的不同方式，并提供了实际的示例代码。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.2.1.js"></script>
    <script type="text/javascript">
        //使用val函数为它赋值
        function setV() {
            $("#ta").val("a1");
        }
          //获取值使用val()函数
              function getvVal() {
            var v=$("#ta").val();
                  alert(v);
        }

        //使用innerHTML为ta赋值
           function setV1() {
            document.getElementById("ta").innerHTML="a2";
        }
        //获取值使用innerHTML
              function getvInner() {
            var v=document.getElementById("ta").innerHTML;
              alert(v);
        }

        //使用attr属性来操作textarea
        function setVattr() {
            $("#ta").attr("value","a3");
        }

        function getVattr() {
            var v= $("#ta").attr("value");
            alert(v);
        }
    </script>
</head>
<body>
<textarea rows="20" cols="30" id="ta" ></textarea><br>
<a onclick="setV()" href="#">使用val函数为textarea赋值</a><br>
<a onclick="getvVal()" href="#">使用val函数获取textarea值</a><br>
<a onclick="setV1()" href="#">使用innerhHTML为textarea赋值</a><br>
<a onclick="getvInner()" href="#">使用innerhHTML获取textarea值</a><br>

<br><br>
使用attr<br>
<a href="#" onclick="setVattr()">设置值</a>
<a href="#" onclick="getVattr()">获取值</a><br>
</body>
</html>