2015-11-26 39 views
-2

请问您可以告诉我这里有什么问题......? 我需要交换两个输入元素。输入1变为输入2 在Javascript中交换两个值

document.getElementById('sub').onclick = function(){ 
 
    
 
    var data1 = document.getElementById('in1').value; 
 
    var data2 = document.getElementById('in2').value; 
 
    
 
    document.getElementById("in1").vlue = data2; 
 
    document.getElementById("in2").vlue = data1; 
 
};
<!doctype html> 
 
<html> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Untitled Document</title> 
 
</head> 
 
<body> 
 

 
<form target=""> 
 
    <input name="in11" id="in1" value="input #1"> 
 
    <input name="in22" id="in2" value="input 2"> 
 
</form> 
 
     <button class="swap" id="sub">Swap</a> 
 

 

 
<scrpit src="js/javascript.js"></scrpit> 
 
</body> 
 
</html>

+3

你有一个错字。 'vlue'必须是'value'。那么你的代码应该工作。 –

+0

看到这个:http://jsbin.com/tidugi/1/edit?html,css,js输出 –

回答

1

你有一个错字,类型值,而不是vlue

document.getElementById('sub').onclick = function(){ 
 
    
 
    var data1 = document.getElementById('in1').value; 
 
    var data2 = document.getElementById('in2').value; 
 
    
 
    document.getElementById("in1").value = data2; 
 
    document.getElementById("in2").value = data1; 
 
};
<!doctype html> 
 
<html> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Untitled Document</title> 
 
</head> 
 
<body> 
 

 
<form target=""> 
 
    <input name="in11" id="in1" value="input #1"> 
 
    <input name="in22" id="in2" value="input 2"> 
 
</form> 
 
     <button class="swap" id="sub">Swap</a> 
 

 

 
<scrpit src="js/javascript.js"></scrpit> 
 
</body> 
 
</html>

+2

我已经说过:-) –

+0

等等,我也是哈哈;) – w33z33

1

你有一个错字。 vlue必须value

document.getElementById('sub').onclick = function(){ 
 
    
 
    var data1 = document.getElementById('in1').value; 
 
    var data2 = document.getElementById('in2').value; 
 
    
 
    document.getElementById("in1").value = data2; 
 
    document.getElementById("in2").value = data1; 
 
};
<!doctype html> 
 
<html> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Untitled Document</title> 
 
</head> 
 
<body> 
 

 
<form target=""> 
 
    <input name="in11" id="in1" value="input #1"> 
 
    <input name="in22" id="in2" value="input 2"> 
 
</form> 
 
     <button class="swap" id="sub">Swap</a> 
 

 

 
<scrpit src="js/javascript.js"></scrpit> 
 
</body> 
 
</html>

+0

谢谢你们家伙打破了xD xD xD xD –

+1

您可以通过执行以下操作将自己的作业保存到交换中:将第一个值分配给临时变量,将第二个值直接分配给第一个值,然后将临时变量的值分配给第二个值。这在交换循环内的值时特别有用。 – RobH