序号置换

最新推荐文章于 2022-11-17 14:23:33 发布

愿爱有来生

最新推荐文章于 2022-11-17 14:23:33 发布

阅读量78

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/sphinxylj/article/details/84092569

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<html>
<title>
</title>
<head>
</head>
<body>
<table>
<tbody id="tbody">
<tr>
<td>
名称
</td>
<td>
序号
</td>
</tr>
</tbody>
</table>
</body>
</html>
<script type="text/javascript">
function onload(){
aa();
for(var i = 1;i <= 4;i++){
var sel_i = document.getElementById("select"+i);

for(var j = 1;j < 5;j++){
sel_i.options[sel_i.options.length] = new Option(j,j);
}
sel_i.options[i-1].selected = true;
document.getElementById("h"+i).value=sel_i.options[i-1].value;
}
}

function aa() {

var root = document.getElementById("tbody")
for(var i = 1;i <= 4;i++){
var newRow_i = root.insertRow();
var newCell_i = newRow_i.insertCell();
var newCell_i_i = newRow_i.insertCell();
var newCell_i_i_i = newRow_i.insertCell();
newCell_i.innerHTML = "a"+i;
newCell_i_i.innerHTML = '<select name="select'+i+'" id="select'+i+'" οnchange="changeIndex(this.value,'+i+');"></select>';
newCell_i_i_i.innerHTML = '<input type="hidden" name="h'+i+'" id="h'+i+'">';
}
}
function changeIndex(val,onLine){
var oldValue = document.getElementById('h'+onLine).value;
var newValue = val;
for(var i = 1;i <= 4;i++){
if(document.getElementById('h'+i).value == newValue){
document.getElementById('select'+i).selectedIndex=oldValue-1;
document.getElementById('h'+i).value =oldValue;
document.getElementById('h'+onLine).value = newValue;
return;
}
}
}
onload();
</script>