2015-11-26 5 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,output –

ответ

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

wait, me too haha;) – 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

Смежные вопросы