JQuery常用的HTML页控制取值、赋值

1，关于tab页签

获取当前页签的属性：

var tabsSelect=$("#easytabs").tabs("getSelected");
var title=tabsSelect.panel('options').title;//获取面板标题  

新增一个页签：

    function add_Page(){//常规库存-我申请调剂的车辆
         var title="协议详情";
           if (!$("#easytabs").tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab
                 $("#easytabs").tabs('add', {
                        title: title,
                        content: '<iframe scrolling="no" frameborder="0"  src="/detail.do" style="width:100%;height:100%;"></iframe>',
                        closable: true,
                        });
                }
    }  

2，关于常见控件的取值、附默认值

checkbox、radio：

$("input:radio[name='name']").eq(0).attr("checked",'checked');//选中radio组的第一个元素

$("input:radio[name='name']:checked").val();//取出radio组中被选中的元素值

备注：其他的，一般来说，val()是万能的。实在解决不了了，还有attr(属性名，属性值)

3，关于表单

清除：$('#mysearch').form('clear');

序列化：$("#mysearch").serialize();

清空：$('#mysearch').get(0).reset(); //清空表单数据

4，联动

function getProvince(){//加载省份信息  

    $("#D_Province").combobox({
        url:'dealerstock/getProvince.do',
        valueField:'z_Code',
        textField:'z_Name',
        onChange:function(){//级联加载市区信息
            var provinceCode=$("#D_Province").combobox("getValue");  

            $("#D_City").combobox("clear");
            $("#D_County").combobox("clear");  

            $("#D_City").combobox({
                url:'dealerstock/'+provinceCode+'/getCity.do',
                valueField:'z_Code',
                textField:'z_Name',
                onChange:function(){//级联加载县区信息
                    var cityCode=$("#D_City").combobox("getValue");
                    $("#D_County").combobox({
                        url:'dealerstock/'+cityCode+'/getCountry.do',
                        valueField:'z_Code',
                        textField:'z_Name',
                    });
                }
            });
        }
    });
}  

5，datebox、下拉框

datebox：

$('#yourId').combo('setText',''); //清空、赋值
$("#yourId").datebox({"required":true}); //必填
$("#yourId").datebox("getValue");  //取值

下拉框：

$("#D_Province").combobox("getValue"); //取ID
$("#D_Province").combobox("getText");//取文本

赋值：参考第4中的级联

6，关于表格

获取选中行数据：

$('#ID').datagrid('selectRow', index); 

 var row = $('#ID').datagrid('getSelected');//获取选中行

根据条件输出：

 formatter:function(value,row,index){
   if(row.c_BottomNo!=null && row.c_BottomNo!=""){
       return "待审核";
   }else{
       return "待解决";
   }
   if(row.s_IsAudit==1){
       return "已调剂";
   }else{ return value;}
}  

注意：如果对这一列显示的数据有了限定，除了写满足条件的返回值，也要写不满足条件的返回值，就是通常的else，不然，它是不会在不满足条件时显示默认值的。

7，关于一些注意事项

7.1，在用从后台获取到的对象为页面赋值的时候，一定要进行判空处理。PS：其实，最好的方法，是后台不传递空值过来。    当用空值进行赋值时，IE会报错，并且会影响接下来的函数执行。

7.2，在每个节点的最后一个元素后面，不要加逗号。不然，IE打开，可能会出乎意料。比如： {field:'c_BottomNo',title:'底盘号',width:100,align:'center', } center后面的逗号，去掉吧。这只是一个比较简单的例子，其他的类似。比如用ajax传值的时候，最后一个参数后面等等等等。

7.3，在使用springmvc的@RequestBody从接收从前台往后台的参数时，一定别忘记了在前台设置contentType。

7.4，在重复利用弹出框，然后给控件绑定事件时，一定要先解绑再绑定，比如：$("#result").unbind("click").click(function(){});   不然，你就会发现后台的一个某一个方法，被重复请求好多次，所有你点过的，有这个弹出框的，都被触发了这个单击事件。

7.5，在给元素赋值的时候，也跟事件绑定同样的道理，最好是先移除再添加，先隐藏、赋值再显示。

好了，今天就先这样吧，出去散会儿步，修炼点沧桑感出来。