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

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

posted @   KLAPT  阅读(1461)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示