Javascript 转换两个HTMLinput值 导致网页无法运作

Question

大佬们，我在用js互换HTML input 内容的时候每次都会导致网页无法运作（Chrome）

转换成功但是马上无法运作

代码如下

HTML：

<TABLE>

<TBODY>

<TR class="inputa">

<TD>

<INPUT name=input onchange="convert(this.form,form.measure1, form.measure2)" size=30 id="select1">

</TD>

<TD>

<SELECT name=measure1

onchange="convert(this.form,this, form.measure2)" >

<OPTION selected value=0.0001>cm ^2

 

<OPTION value=1>m ^2

 

<OPTION value=10000>km ^2

 

<OPTION value=0.0929>feets ^2

 

<OPTION value=0.8361>yds ^2

 

<OPTION value=2589988.11>mi ^2

 

</OPTION>

</SELECT>

</TD>

</TR>

 

<button onclick="huan()">交换</button>

 

<TR class="inputb">

<TD>

<INPUT name=display size=30 id="select2">

</TD>

<TD>

<SELECT name=measure2

onchange="convert(this.form,form.measure1, this)">

<OPTION value=0.0001>cm ^2

 

<OPTION value=1>m ^2

<OPTION value=10000>km ^2

<OPTION selected value=0.0929>feets ^2

<OPTION value=0.8361>yds ^2

<OPTION value=2589988.11>mi ^2

 

</OPTION>

</SELECT>

</TD>

</TR>

</TBODY>

</TABLE>

 

JS：

function huan(){

var aa=document.getElementById('select1').value

var bb=document.getElementById('select2').value

 

document.getElementById('select1').value=bb

document.getElementById('select2').value=aa

}

 

请问这是怎么回事，怎么解决？

Answer 1

你的文件怎么架构的？

如果简单的交换，你可以在.html文件的tbody之后加上<script>...</script>。

<TBODY>
	<script>
		function huan(){
var aa=document.getElementById('select1').value

var bb=document.getElementById('select2').value

 

document.getElementById('select1').value=bb

document.getElementById('select2').value=aa

}
</script>

<TR class="inputa">

大概这样。我本地运行没啥问题。

 

 

https://paste.ubuntu.com/p/YysY62nXCV/