现在位置首页 / 前端开发 /正文

Jquery form控件设置属性-获取值-radio select 文本框

作者: IT小兵 | 2014年3月8日| 热度:℃ | 评论: |参与:
jquery 获取select所有值
  var arr = new Array(); //数组定义标准形式,不要写成Array arr = new Array();
         var all = ""; //定义变量全部保存
         $("#UserBorough option").each(function () {             var txt = $(this).text(); //获取单个text
             var val = $(this).val(); //获取单个value
             var node = "<" + txt + ">" + val + "</" + txt + ">";
             arr.push(node);
             all += node;
         });
         alert(all);
         alert(arr);


经常使用的一些jquery控制form表单数据和显示的方法。

  1. 获取一组radio被选中项的值  

  2. var item = $('input[@name=items][@checked]').val();  

  3. 获取select被选中项的文本  

  4. var item = $("select[@name=items] option[@selected]").text();  

  5. select下拉框的第二个元素为当前选中值  

  6. $('#select_id')[0].selectedIndex = 1;  

  7. radio单选组的第二个元素为当前选中值  

  8. $('input[@name=items]').get(1).checked = true;  

  9. 获取值:  

  10. 文本框,文本区域:$("#txt").attr("value");  

  11. 多选框checkbox:$("#checkbox_id").attr("value");  

  12. 单选组radio:   $("input[@type=radio][@checked]").val();  

  13. 下拉框select: $('#sel').val();  

  14. 控制表单元素:  

  15. 文本框,文本区域:$("#txt").attr("value",'');//清空内容  

  16.                  $("#txt").attr("value",'11');//填充内容  

  17. 多选框checkbox: $("#chk1").attr("checked",'');//不打勾  

  18.                  $("#chk2").attr("checked",true);//打勾  

  19.                  if($("#chk1").attr('checked')==undefined) //判断是否已经打勾  

  20. 单选组radio:     $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项  

  21. 下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项  

  22.                  $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option  

  23.                  $("#sel").empty();//清空下拉框   


转发注明:IT分享

点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:[email protected]

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:[email protected]

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询