原创著作,产权保护 政府、投票、评选、公安、学校、问卷、视频会议专注发展中小企事业 系统报价 | 支付帐号 | 授权查证
    计算机著作版权登记号:2014SR032463 手机:+86-1373066-4304 | QQ:1213920482 欢迎选择智睿软件系统 欢迎选择智睿软件系统
智睿软件系统
JS常用的获取值和设值的方法
来源:智睿 浏览:1070 次 发布时间:2020-04-29 15:16:54
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);
【刷新页面】【加入收藏】【打印此文】 【关闭窗口】
上一篇:HTML5 JS实现下拉列表搜索匹配功能 下一篇:智睿多语企业网站管理系统 V 10.2.1 中英繁企业网站系统