下面小编就为大家带来一篇 javascript jquery 对 form 元素的常见操作详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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 元素的常见操作详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0302/264965.html