//排序码
function resetSort(obj){
var container = $(obj).closest("div");//找到第一个匹配的层
var tables = $(">table", container);//找层的子项table标记
var tableCount = tables.size();//统计table标记的个数
var temp = $("<div></div>");//定义临时存放数据的标记
$("select[name='sort']").change(function () {
var self = $(this);
var table = self.closest("table"); var newIdx = parseInt(self.val());
//alert(newIdx); if (newIdx == 1) {
table.prependTo(container);
} else if (newIdx == tableCount){
table.appendTo(container);
} else {
table.appendTo(temp);
//alert(newIdx - 2);
$(">table:eq("+(newIdx - 2)+")", container).after(table);
} $(">table select[name='sort']", container).each(function (i, n) {
$(this).val(i + 1);
});
});
}<div id="div_ResumeEnclosure">
<table width="70%" border="0">
<tr>
<td style="width:15%;"><font color="red" style="font-size:14px;"><b>我的附件</b> </font>占6%</td>
<td style="width:30%;"></td>
<td style="width:10%;"></td>
<td style="width:45%;" align="right"><span title="收起" onclick="AreaShow(this,false)" class="HandStyle">收起</span><span title="展开" onclick="AreaShow(this,true)" class="HandStyle">展开</span></td>
</tr>
<tr>
<td colspan="4"><hr /></td>
</tr>
</table>
<table width="70%" border="0">
<tr>
<td style="width:15%;"> 附件名称:</td>
<td><input id="txt_ResumeEnclosure_Name" type="text" style="width: 227px;" onblur="losefocus(this);" onfocus="bethefocus(this);"/></td>
<td></td>
<td></td>
</tr>
<tr>
<td> 上传附件:</td>
<td>
<input id="txt_ResumeEnclosure_ResContent" type="text" style="width: 227px;" onblur="losefocus(this);" onfocus="bethefocus(this);"/></td>
<td></td>
<td></td>
</tr>
<tr>
<td> 排 序 码:</td>
<td>
<select id="slt_ResumeEnclosure_Sort" name="sort" style="width:50px;" onclick="resetSort(this)"></select>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td><span id="sp_ResumeEnclosure_ID" style="display:none;"></span></td>
<td><input id="btn_ResumeEnclosure_Save" type="button" value="保存" onclick="setReadOnly(this,true);"/>
<input id="btn_ResumeEnclosure_Edit" type="button" value="编辑" onclick="setReadOnly(this,false);"/>
<input id="btn_ResumeEnclosure_Delete" type="button" value="删除" onclick="Delete(this);"/></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4"> <input id="btn_ResumeEnclosure_Add" type="button" value="继续添加" onclick="addControlEnvent(this);"/></td>
</tr>
<tr>
<td style="height:30px;"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>我想实现的功能就是改变select,顺序就发生变化,排序的那段代码还有点问题,请大家帮我修正一下,
因为if (newIdx == 1) {
table.prependTo(container);
}
有点问题,我的div里面有个table[0]是必须放在第一位的,所以在选择为1的时候,也必须要放在这个表格后面,请大家帮我修改一下
function resetSort(obj){
var container = $(obj).closest("div");//找到第一个匹配的层
var tables = $(">table", container);//找层的子项table标记
var tableCount = tables.size();//统计table标记的个数
var temp = $("<div></div>");//定义临时存放数据的标记
$("select[name='sort']").change(function () {
var self = $(this);
var table = self.closest("table"); var newIdx = parseInt(self.val());
//alert(newIdx); if (newIdx == 1) {
table.prependTo(container);
} else if (newIdx == tableCount){
table.appendTo(container);
} else {
table.appendTo(temp);
//alert(newIdx - 2);
$(">table:eq("+(newIdx - 2)+")", container).after(table);
} $(">table select[name='sort']", container).each(function (i, n) {
$(this).val(i + 1);
});
});
}<div id="div_ResumeEnclosure">
<table width="70%" border="0">
<tr>
<td style="width:15%;"><font color="red" style="font-size:14px;"><b>我的附件</b> </font>占6%</td>
<td style="width:30%;"></td>
<td style="width:10%;"></td>
<td style="width:45%;" align="right"><span title="收起" onclick="AreaShow(this,false)" class="HandStyle">收起</span><span title="展开" onclick="AreaShow(this,true)" class="HandStyle">展开</span></td>
</tr>
<tr>
<td colspan="4"><hr /></td>
</tr>
</table>
<table width="70%" border="0">
<tr>
<td style="width:15%;"> 附件名称:</td>
<td><input id="txt_ResumeEnclosure_Name" type="text" style="width: 227px;" onblur="losefocus(this);" onfocus="bethefocus(this);"/></td>
<td></td>
<td></td>
</tr>
<tr>
<td> 上传附件:</td>
<td>
<input id="txt_ResumeEnclosure_ResContent" type="text" style="width: 227px;" onblur="losefocus(this);" onfocus="bethefocus(this);"/></td>
<td></td>
<td></td>
</tr>
<tr>
<td> 排 序 码:</td>
<td>
<select id="slt_ResumeEnclosure_Sort" name="sort" style="width:50px;" onclick="resetSort(this)"></select>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td><span id="sp_ResumeEnclosure_ID" style="display:none;"></span></td>
<td><input id="btn_ResumeEnclosure_Save" type="button" value="保存" onclick="setReadOnly(this,true);"/>
<input id="btn_ResumeEnclosure_Edit" type="button" value="编辑" onclick="setReadOnly(this,false);"/>
<input id="btn_ResumeEnclosure_Delete" type="button" value="删除" onclick="Delete(this);"/></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4"> <input id="btn_ResumeEnclosure_Add" type="button" value="继续添加" onclick="addControlEnvent(this);"/></td>
</tr>
<tr>
<td style="height:30px;"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>我想实现的功能就是改变select,顺序就发生变化,排序的那段代码还有点问题,请大家帮我修正一下,
因为if (newIdx == 1) {
table.prependTo(container);
}
有点问题,我的div里面有个table[0]是必须放在第一位的,所以在选择为1的时候,也必须要放在这个表格后面,请大家帮我修改一下
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货