javascript jquery对form元素的常见操作详解
1.下拉框select:
移除option
$("#IDoption").each(function(){
if($(this).val()==111){
$(this).remove();
}
});
添加option
$("<optionvalue='111'>UPSGround</option>").appendTo($("#ID"));
取得下拉选单的选取值
//取下拉選中的文本
$('#testSelectoption: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(){
varsa=$(this).attr("checked");
$("input[name='sel[]']").each(function(){
this.checked=sa;
});
});
4,輸入框input :
$(':input[name="keyword"]').val();//根据name值取得值
5,文本框textarea :
固定文本框大小： <textareaname="123"style="resize:none;"></textarea>
以上这篇javascriptjquery对form元素的常见操作详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。