js在input、select标签取值和设值

最新推荐文章于 2024-07-14 12:30:57 发布

删除没备份的痛

最新推荐文章于 2024-07-14 12:30:57 发布

阅读量2k

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_41995845/article/details/124724658

版权

1. 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");


2. 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);