javascript jquery對form元素的常見操作
1.下拉框 select :
移除option
$("#ID option").each(function(){if($(this).val() == 111){$(this).remove();} });
添加option
$("<option value='111'>UPS Ground</option>").appendTo($("#ID"));
取得下拉选单的选取值
//取下拉選中的文本$('#testSelect option:selected').text(); $("#testSelect").find('option:selected').text();document.all.objSelect.options[document.all.objSelect.selectedIndex].text; //js操作 objSelect為select的name
//取得下拉選中值 $("#testSelect").val();//js操作document.getElementById('objSelect').value=2;document.all.objSelect.value;
根据option的值选中下拉框
$('#testSelect').val('111');document.all.objSelect.value = objItemValue; //js操作 objSelect為select的name或者iddocument.getElementById('sel').value=objItemValue;
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
2,单选框 radio :
$("input[type=radio][checked]").val(); //得到单选框的选中项的值(注意中间没有空格)$(':radio[name="radio"]:checked').val();//第二种方法 $("input[type=radio][value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)$(':radio[value="2"]').attr('checked','checked');
radio单选组的第二个元素为当前选中值
$("input[name='items']").get(1).checked = true;
3,复选框 checkbox :(其它写法参见上面:radio)
$("input[type='checkbox'][checked]").val(); //得到复选框的选中的第一项的值 $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);// 打勾 //全選/不選
$("#selectAll").bind('click',function(){
var sa = $(this).attr("checked");
$("input[name='sel[]']").each(function(){
this.checked=sa;
});
});
4,輸入框 input :
$(':input[name="keyword"]').val();//根据name值取得值
5,文本框 textarea :
固定文本框大小: <textarea name="123" style="resize:none;"></textarea>
转载于:https://www.cnblogs.com/helin/archive/2012/07/03/2575330.html
javascript jquery對form元素的常見操作相关推荐
- Javascript JQuery获取当前元素的兄弟元素/上一个/下一个元素(转)
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个 ...
- 把html追加到指定id后面,javascript – jQuery,动态追加元素时增加id号
您当前的代码有几个问题.其中之一是,正如其他人所说,添加和删除按钮是动态创建的,因此您不能简单地将单击处理程序附加到按钮.您必须在创建按钮时重新附加处理程序,或者将处理程序附加到正文,如@medhi所 ...
- html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...
$(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(v ...
- jQuery获取父元素及父节点的方法小结
这篇文章主要介绍了jQuery获取父元素及父节点的方法,结合实例形式总结分析了jQuery针对父元素及父节点操作的常用技巧,需要的朋友可以参考下 本文实例总结了jQuery获取父元素及父节点的方法.分 ...
- 如何使用jquery判断一个元素是否含有一个指定的类(class)
如何使用jquery判断一个元素是否含有一个指定的类(class) 一.总结 一句话总结:可以用hasClass方法(专用)和is方法 1.is(expr|obj|ele|fn)的方法几个参数表示什么 ...
- HTML Form元素
Form元素 form元素用来创建表单,它包含多个属性,分别是action属性.method属性.enctype属性.onSubmit属性.onReset属性,接下来对这些属性进行简要介绍: acti ...
- jQuery hasAttr检查元素是否有属性[重复]
本文翻译自:jQuery hasAttr checking to see if there is an attribute on an element [duplicate] Possible Dup ...
- HTML/CSS+JavaScript+jQuery
HTML/CSS html基础 HTML 是用来描述网页的一种是超文本标记语言.Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们.浏览器不会显示 HTML 标签,而是使用标签来解释 ...
- SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 本专栏计划的文章数在 300 篇左右,到 2022年9月22日为止,目前已经更新了 133 篇,专栏完成度为 44.3%. 作者简介 Jerry W ...
最新文章
- 我更爱荷叶freeeim
- Android 系统(227)---Android屏幕截图
- Python3.5安装与ChatterBot聊天机器人使用
- java基础总结06-常用api类-Math常用方法
- hadoop文件的序列化
- EasyUI 中自定义组件 icon 图标
- 第二届中国计量大学ACM程序设计竞赛个人赛(同步赛)A -Little Gyro and Sort【签到题?】
- 中国黑客传说:游走在黑暗中的精灵
- lzo的正确c语言代码,LZO的问题
- Ubuntu系统下安装微信客户端
- 微信公众平台 微接口 接口100 API100 接口大全(转) 开发微信功能简便了
- 万兴剪刀手去水印教程_万兴神剪手怎么去水印教程,赶快收藏吧
- Batch Normalize的几点说明
- 多余文字隐藏用省略号代替
- ADNI数据集几个使用小技巧 【1】
- 获取各大电商平台、1688app上商品详情原数据API调用展示
- Web前端学习第六周
- 弟中弟级,基于Vivado的IP核封装以及仿真调用,FPGA入门小玩
- 58 招财猫变形 RSA 与变形 BASE64 逆向分析
- 普林斯顿教授:中国学生的功利心妨碍了他们的长远发展
热门文章
- bootstrape实战案例_第二百五十二节,Bootstrap项目实战-首页
- mysql数据依赖关系_发现数据库对象的依赖关系
- python网上有免费资源吗_【转载】学习Python无从下手?最好的免费资源想要拿走...
- python reader循环_python – 多次循环遍历csv.DictReader行
- 基于小波变换实现图像增强
- python接收邮件内容启动程序_Python实现发送与接收邮件的方法详解
- bartlett方差齐性检验_R语言实用教程-数据正态性以及方差齐性检验
- graphpad怎么处理cck8的_Graphpad Prism 的 4 个隐藏技能助你轻松发表 SCI
- BeautfuiSoup4解析器
- Retrofit的动态代理