javascript jquery对form元素的常见操作详解


Posted in Javascript onJune 12, 2016

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??elect的name//取得下拉?中值
$("#testSelect").val();
//js操作
document.getElementById('objSelect').value=2;
document.all.objSelect.value;

根据option的值选中下拉框

$('#testSelect').val('111');document.all.objSelect.value = objItemValue; //js操作 objSelect??elect的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>

以上这篇javascript jquery对form元素的常见操作详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript Math对象
Aug 13 Javascript
javascript中onmouse事件在div中失效问题的解决方法
Jan 09 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
js函数与php函数的区别实例浅析
Jan 12 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
Jun 05 Javascript
js强制把网址设为默认首页
Sep 29 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
Dec 13 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
Jan 04 Javascript
javascript鼠标右键菜单自定义效果
Dec 08 Javascript
Bootstrap自定义文件上传下载样式
May 26 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
Apr 23 Javascript
JS实现页面炫酷的时钟特效示例
Aug 14 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
Jun 12 #Javascript
浅谈JS中逗号运算符的用法
Jun 12 #Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 #Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
Jun 12 #Javascript
jQuery的each循环用法简单示例
Jun 12 #Javascript
基于jquery插件编写countdown计时器
Jun 12 #Javascript
跨域请求的完美解决方法(JSONP, CORS)
Jun 12 #Javascript
You might like
特转载一高手总结PHP学习资源和链接.
2006/12/05 PHP
Discuz! Passport 通行证整合
2008/03/27 PHP
整理的一些实用WordPress后台MySQL操作命令
2013/01/07 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
PHP 接入微信扫码支付总结(总结篇)
2016/11/03 PHP
PHP基于回溯算法解决n皇后问题的方法示例
2017/11/07 PHP
jquery $(document).ready() 与window.onload的区别
2009/12/28 Javascript
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
读jQuery之十二 删除事件核心方法
2011/07/31 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
2013/04/26 Javascript
JS小功能(onmouseover实现选择月份)实例代码
2013/11/28 Javascript
原生JS实现网络彩票投注效果
2016/09/25 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
setTimeout时间设置为0详细解析
2018/03/13 Javascript
JavaScript解析及序列化JSON的方法实例分析
2019/01/04 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
使用Node.js和Socket.IO扩展Django的实时处理功能
2015/04/20 Python
Python快速排序算法实例分析
2017/11/29 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
PyQt实现界面翻转切换效果
2018/04/20 Python
python框架中flask知识点总结
2018/08/17 Python
python循环定时中断执行某一段程序的实例
2019/06/29 Python
使用Python第三方库pygame写个贪吃蛇小游戏
2020/03/06 Python
python爬虫容易学吗
2020/06/02 Python
详解python变量与数据类型
2020/08/25 Python
送给他或她的礼物:FUN.com
2018/08/17 全球购物
JAKO-O德国野酷台湾站:德国首屈一指的婴幼童用品品牌
2019/01/14 全球购物
The Athlete’s Foot新西兰:新西兰最大的运动鞋零售商
2019/12/23 全球购物
比较一下entity bean和session bean
2013/12/27 面试题
医学院学生的自我评价分享
2013/11/19 职场文书
法人单位适用的授权委托书
2014/09/19 职场文书
个人合伙协议书范本
2014/10/14 职场文书
软弱涣散基层党组织整改方案
2014/10/25 职场文书
安全生产感想
2015/08/07 职场文书
Python字典和列表性能之间的比较
2021/06/07 Python
电脑无法安装Windows 11怎么办?无法安装Win11的解决方法
2021/11/21 数码科技