1.对select下拉框进行宽度控制

 

<select  name="" style="width:72px " >

 

2.对于表格th和td列宽的控制

 

一定要在th和td标签后面都给添加上 width属性，或者再css里面定义，否则表格这种奇葩的渣渣不按常规出牌，全部平均化列宽~~

 

3.jquery遍历form下的元素，并返回它的id

 

两种办法：

1）.通过map（）

 

$('#form1 *').map(function() {

    return this.id;

   }).get() )

 

2）通过each（）

 

$('#form1 :hidden').each(function ()            {                //alert($(this).attr('id'));                var x = $(this).attr('id');                $('#' + x).val("");            }            );                             //显示所有子节点            /*            $('#form1 :hidden').each(function(){            alert($(this).attr('id')+":"+$(this).val());            });             */                             $('#flag').val("update");            //alert($("select[name=align"+ index+"]").val());            //alert($('#align' + index).find("option:selected").text());                             $('#align').val($("select[name=align" + index + "]").val());            $('#isNumeric').val($("select[name=isNumeric" + index + "]").val());                             $('#form1 :hidden').each(function ()            {                //alert($(this).attr('id'));                var x = $(this).attr('id');                valInputNameByIndex(x, index);            }            );                             $('#form1 *').each(function ()            {                alert($(this).attr('id') + ":" + $(this).val());            }            );

4.jquery选择器中含有变量的情况：

$('#' + inputName).val();

function valInputNameByIndex(inputName, index)        {            // alert($("'#" + inputName +"'").val();            //alert($('#' + inputName).val());            var x = $('#' + inputName).val();            if (x == "")            {                return $('#' + inputName).val($("input[name=" + inputName + index + "]").val());            }            else            {                return x;            }        }

5.jquery 超链接点击后提交表单

<a href="#" id="toUpdatePdf">

$('#toUpdatePdf').click(function (){$('#flag').val('update');//alert($('#flag').val());$('#form2').submit();});

 

6.jquery根据name拿到值

 

$('#seqNo').val($("input[name=seqNo"+ index+"]").val()); //index是前台调用js的时候传入的

 

7.完整js

 

    
                              function update(index){            //alert($('#form1 *').map(function() {return this.id;}).get() )                           $('#form1 :hidden').each(function ()            {                //alert($(this).attr('id'));                var x = $(this).attr('id');                $('#' + x).val("");            }            );                           //显示所有子节点            /*            $('#form1 :hidden').each(function(){            alert($(this).attr('id')+":"+$(this).val());            });             */                           $('#flag').val("update");            //alert($("select[name=align"+ index+"]").val());            //alert($('#align' + index).find("option:selected").text());                           $('#align').val($("select[name=align" + index + "]").val());            $('#isNumeric').val($("select[name=isNumeric" + index + "]").val());                           $('#form1 :hidden').each(function ()            {                //alert($(this).attr('id'));                var x = $(this).attr('id');                valInputNameByIndex(x, index);            }            );                           $('#form1 *').each(function ()            {                alert($(this).attr('id') + ":" + $(this).val());            }            );                           /*            $(":hidden").each(function(){            alert($(this).attr('id'));            });             */                           //      valInputNameByIndex("seqNo",index);            //      alert($('#seqNo').val());            //序号            //valInputNameByIndex("seqNo",index);            //$('#seqNo').val($("input[name=seqNo"+ index+"]").val());            //字段名            //$('#fieldName').val($("input[name=fieldName"+ index+"]").val());            //描述            //$('#seqNo').val($("input[name=seqNo"+ index+"]").val());            //描述            //$('#seqNo').val($("input[name=seqNo"+ index+"]").val());            //宽度            //$('#seqNo').val($("input[name=seqNo"+ index+"]").val());            //对齐方式            //$('#seqNo').val($("input[name=seqNo"+ index+"]").val());            //数字列            //$('#seqNo').val($("input[name=seqNo"+ index+"]").val());            //小数位数            //$('#seqNo').val($("input[name=seqNo"+ index+"]").val());                           //$('#seqNo').val($("input[name=seqNo"+ index+"]").val());                           //$('#seqNo').val($("input[name=seqNo"+ index+"]").val());                           // var y = $("#"+inputName).val();            //alert($("input[name="+inputName+"]").val());            //var inputValue = ($("#" + inputName).val());            //alert(inputValue);            //$('#seqNo').val($("'"+inputName+"'").val());            //alert($('#seqNo').val());        }           function valInputNameByIndex(inputName, index)        {            // alert($("'#" + inputName +"'").val();            //alert($('#' + inputName).val());            var x = $('#' + inputName).val();            if (x == "")            {                return $('#' + inputName).val($("input[name=" + inputName + index + "]").val());            }            else            {                return x;            }        }           /*        $('#update').click(function () {        update('${index}');        //$('#flag').val('update');        //alert($('#flag').val());        //$('#form1').submit();        });         */           $('#toUpdatePdf').click(function ()        {            $('#flag').val('update');            //alert($('#flag').val());            $('#form2').submit();        }        );                
    

8.html部分源码

 

落雨

qq 394263788

2013年6月6日18:03:48