jQuery 表单操作

select

获取select选择的Text和Value

//获取选中的value
var val=$("#select_id").val();
var val=$("#select_id option:selected").val();

//获取选中的text
var txt=$("#select_id").find("option:selected").text();
var txt=$("#select_id option:selected").text();

//获取所有选项的text
var txts=$("#select_id").text();

//获取选中的索引值
var index=$("#select_id").get(0).selectedIndex;

设置select选项被选中

//设置value值等于某个特定的值的选项被选中
$("#select_id").val("03"); //设置select的value值为"03"的项被选中

//设置text值等于某个特定的值的选项被选中
$("#select_id option[text='北京']").attr("selected","true"); //设置select的Text值为"北京"的选项被选中

//设置select索引值为某个特定的值的选项被选中
$("#select_id").get(0).selectedIndex=2;  //设置select索引值为2的选项被选中

添加select的option选项

//为select追加一个option选项
$("#select_id").append("<option value='Value'>Text</option>");

//为select插入一个option选项(放在第一个位置)
$("#select_id").prepend("<option value='0'>请选择</option>");

删除select的option选项

注：option选项中没有对应属性（如：value、text、index）是删除不了的。

//删除select中value值等于某一特定值的选项被删除
$("#select_id option[value='3']").remove();

//删除select中text值等于某一特定值的选项被删除
$("#select_id option[text='4']").remove();

//删除select中index值等于某一特定值的选项
$("#select_id option[index='0']").remove();

//删除select中索引值最大的选项
$("#select_id option:last").remove();

清空select中的option选项

//删除select下的option选项
$("#select_id").empty();

//删除select整个标签
$("#select_id").remove();

初始化select

        function initSelect() {            
            var cityArr = ["北京", "上海", "杭州", "武汉", "深圳"];
            var valueArr = ["01", "02", "03", "04", "05"];
            //方法一：
            //var strHtml = "";
            //$.each(cityArr, function (index, element) {
            //    strHtml += "<option value='" + valueArr[index] + "'>"+element+"</option>";
            //});
            //$("#sel").append(strHtml).css("width", "100").css("height", "30");

           //方法二：
            $.each(cityArr, function (index, element) {
                var option = $("<option>").val(valueArr[index]).text(element);
                $("#sel").append(option);
            });
        }

select值改变事件

$("#select_id").change(function(){
      //code
});

radio

取一组radio被选中项的值

//获取被选中radio的value值
var value=$("input:radio[name='radioName']:checked").val();

//获取所有radio选中的项，返回的是集合
var radioArr=$("input:radio:checked");
var radioArr=$("input:[type='radio']:checked");

设置radio选项被选中

//根据name值和value值设置radio选项被选中
$("input:radio[name='sex'][value='female']").attr("checked","true");

//根据name值和索引值设置radio选项被选中
$("input:radio[name='sex']").eq(索引值).attr("checked","true");//索引值从0开始

删除radio选项

//根据name值和value值被选选项删除
$("input:radio[name='sex'][value='female']").remove();

//根据name值和索引值被选选项删除
$("input:radio[name='sex']").eq(索引值).remove(); //索引值从0开始

遍历radio

$("input:radio").each(function(index,element){
     //code
});