JS常用的获取值和设值的方法

最新推荐文章于 2023-12-18 11:19:07 发布

Lkun_99

最新推荐文章于 2023-12-18 11:19:07 发布

阅读量642

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_38056518/article/details/103898459

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

input 标签

<input type="text" name="username" id="name"/>

1) 获取input值的多种方法：
    var name = document.getElementById("name");
    var name = document.getElementsByName("username");
    var name = $("#name").val();
    var name = $("input[name='username']").val();

2) 设置input值的多种方法：
    var name = $("#name").val("zhangsan");
    var name = $("input[name='username']").val("zhangsan");

select 标签

<select name="role" id="role" class="role">
    <option></option>
</select>

1) 为select添加option选项
    $("#role").find("select").append('<option>Creator</option>');

2) 获取select选中的下标index
    var index = $("#role option:selected").index();
    var index = $("select[name='role'] option:selected").index();

3) 获取select选中的值
    var value = $("#role option:selected").val();
    var value = $("select[name='role'] option:selected").val();

4) 设置默认选中select的某值
    $("#role").find("option[index=2]").attr("selected", true);

3.name使用(“input[name=‘username’]”)，class使用".",id使用"#"