欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery—获取表单标签的数据值

程序员文章站 2022-08-19 19:35:37
获取设置input标签的值 获取设置textarea标签的值 ......

获取设置input标签的值

<input class="form-control" type="text" id="username" name="username" placeholder="" value="初始值" onblur="keyblurfun()">
<input class="form-control" type="text" id="username" name="username" placeholder="" value="{{ user.get('userid','') }}">
<script>
    var username = $("#username").val();   // 获取 id 为 username 的标签的值。
    console.log(username);
    $("#username").val("hello world");     // 设置 id 为 username 的标签的值
    console.log($("#username").val());
</script>

获取设置textarea标签的值

<textarea class="form-control" id="brief" name="brief" cols=10 rows=6 placeholder="">java</textarea>
<textarea class="form-control" id="brief" name="brief" cols=10 rows=6 placeholder="">{{study.get('brief','')}}</textarea>
<script>
    var content= $("#brief").val();          // 获取 textarea 标签的值     
    console.log(content);            // java
    $("#brief").val("python");               // 设置 textarea 标签的值 
    console.log($("#brief").val());  // python
</script>