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采用数组实现tab菜单切换效果
Dec 12 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
Jan 04 Javascript
js获取URL的参数的方法(getQueryString)示例
Sep 29 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
Sep 06 Javascript
轻松实现jquery选项卡切换效果
Oct 10 Javascript
使用jQuery和ajax代替iframe的方法(详解)
Apr 12 jQuery
JavaScript简单计算人的年龄示例
Apr 15 Javascript
javascript 判断一个对象为数组的方法
May 03 Javascript
vue.js中Vue-router 2.0基础实践教程
May 08 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
Apr 08 Javascript
js实现开关灯效果
Mar 30 Javascript
JavaScript常用工具函数汇总(浏览器环境)
Sep 17 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 导出Excel示例分享
2014/08/18 PHP
php在数组中查找指定值的方法
2015/03/17 PHP
PHP简单实现无限级分类的方法
2016/05/13 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
用js实现键盘方向键翻页功能的代码
2007/06/03 Javascript
基于jQuery实现点击同时更改两个iframe的网址
2010/07/01 Javascript
下拉列表select 由左边框移动到右边示例
2013/12/04 Javascript
jquery绑定事件不生效的解决方法
2014/02/11 Javascript
AngularJS基础学习笔记之指令
2015/05/10 Javascript
深入理解jquery自定义动画animate()
2016/05/24 Javascript
Java  Spring 事务回滚详解
2016/10/17 Javascript
vue.js语法及常用指令
2017/10/29 Javascript
JS二分查找算法详解
2017/11/01 Javascript
JS 实现微信扫一扫功能
2018/09/14 Javascript
在axios中使用params传参的时候传入数组的方法
2018/09/25 Javascript
vue实现多级菜单效果
2019/10/19 Javascript
在vue中axios设置timeout超时的操作
2020/09/04 Javascript
如何在 Vue 中使用 JSX
2021/02/14 Vue.js
[01:43]3.19DOTA2发布会 三代刀塔人第三代
2014/03/25 DOTA
Python中列表元素转为数字的方法分析
2016/06/14 Python
python增加矩阵维度的实例讲解
2018/04/04 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
PyQt5多线程刷新界面防假死示例
2019/12/13 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
详解Django配置JWT认证方式
2020/05/09 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
英国羊绒服装购物网站:Pure Collection
2018/10/22 全球购物
介绍一下linux文件系统分配策略
2013/02/25 面试题
支教自我鉴定
2014/01/18 职场文书
个人授权委托书
2014/09/15 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
公司仓管员岗位职责
2015/04/01 职场文书
2015年度学校应急管理工作总结
2015/10/22 职场文书
年终工作总结范文
2019/06/20 职场文书