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
<script type="text/javascript">
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();
}
);
</script>
8.html部分源码
<form action="" method="post" id="form1" name="form1"> <input type="hidden" id="seqNo" name="seqNo" value=""/> <input type="hidden" id="fieldName" name="fieldName" value=""/> <input type="hidden" id="descMsg" name="descMsg" value=""/> <input type="hidden" id="width" name="width" value=""/> <input type="hidden" id="align" name="align" value=""/> <input type="hidden" id="isNumeric" name="isNumeric" value=""/> <input type="hidden" id="deciLength" name="deciLength" value=""/> <input type="hidden" id="flag" name="flag" value=""/> </form>
落雨
qq 394263788
2013年6月6日18:03:48
