javascript jquery对form元素的常见操作详解
2016-06-12 11:14
661 查看
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>
以上这篇javascript jquery对form元素的常见操作详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- 5个常见可用性错误和解决方案
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作