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，在给元素赋值的时候，也跟事件绑定同样的道理，最好是先移除再添加，先隐藏、赋值再显示。

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