取下拉菜單選中項的文本； 獲取和設置下拉菜單的值； 清空下拉菜單； 給下列菜單添加元素； 取單選框值； 單選或復選按鈕的選擇； 取復選框值； 判斷單選或復選框是否被選中； 元素可用不可用； 判斷元素可用不可用。
實用jquery操作表單元素代碼
/*假設在一個表單中有一個按鈕id="save"$(document).ready(function(){ $("#save").click(function(){ $("#save").attr("disabled",true);//設為不可用 $("#form1")[0].submit();//如果你有很多個id為form1的表單也沒關系，只有第一個會提交的哈哈. });});取下拉菜單選中項的文本；
獲取和設置下拉菜單的值；
清空下拉菜單；
給下列菜單添加元素；
取單選框值；
單選或復選按鈕的選擇；
取復選框值；
判斷單選或復選框是否被選中；
元素可用不可用；
判斷元素可用不可用。
1. 取下拉菜單選中項的文本
$("#select option[selected]").text();//select和option之間有空格，option為select的子元素 $("#select option:selected").text();//如果寫成$("#select").text();會把所有下拉菜單的文本選擇出來 2.獲取和設置下拉菜單的值
$("#select").val();//取值 $("#select").val("value");//設置,如果select中有值為value的選項,該選項就會被選中,如果不存在,則select不做任何變動 3.清空下拉菜單
$("#select").empty(); $("#select").html(""); 4.給下列菜單添加元素
$('<option value="1">1</option>').appendto($("#select")); $("#select").append('<option value="1">1</option>'); 5.取單選框值
$("#id[checked]").val(); 6.單選或復選按鈕的選擇
$("#id[value=val]").attr("checked",true);//選擇 $("#id[value=val]").attr("checked","");//取消選擇 $("#id[value=val]").attr("checked",false);//取消選擇 $("#id[value=val]").removeattr("checked");//取消選擇 7.取復選框值
$("input[type=checkbox][checked]").each(function(){ alert($(this).val()); }) //如果用$("input[type=checkbox][checked]").val(),只會返回第一個被選中的值 8.判斷單選或復選框是否被選中
if($("#id").attr("checked")){}//判斷選中 if($("#id").attr("checked")==true){}//判斷選中 if($("#id").attr("checked")==undefined){}//判斷未選中 9.元素可用不可用
$("#id").attr("disabled",false);//設為可用 $("#id").attr("disabled",true);//設為不可用 10.判斷元素可用不可用
if($("#id").attr("disabled")){}//判斷不可用 if($("#id").attr("disabled")==undefined){}//判斷可用 以上這篇實用jquery操作表單元素的簡單代碼就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
