Вытащить данные из одного инпута и поместить в другой
Подскажите пожалуйста как мне решить с виду не очень сложную задачу.
Есть 2 инпута и кнопка. В первый пользователь вводит свой адрес. Нужно чтобы при клике на кнопку в инпуте "Любимые адреса" автоматически вставлялось значение, введенное пользвателем. <input type="text" name="Ввод адреса" value="Адрес"/> <button>Добавить в любимые адреса</button> <input type="text" name="Любимые адреса" value=""/> |
<input type="text" id="address" name="Ввод адреса" value="Адрес"/>
<button id="add">Добавить в любимые адреса</button>
<input type="text" id="favorite_address" name="Любимые адреса" value=""/>
<script>
var address = document.getElementById("address") ;
var favoriteAddress = document.getElementById("favorite_address") ;
document.getElementById("add").onclick = function() {
favoriteAddress.value = address.value ;
}
</script>
|
Цитата:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
$('button').click(function (){
var o=$(this);
o.next('input:text').val(o.prev('input:text').val());
});
});
</script>
</head>
<body>
<input type="text" name="Ввод адреса" value="Адрес"/>
<button>Добавить в любимые адреса</button>
<input type="text" name="Любимые адреса" value=""/>
</body>
</html>
|
Всем большое спасибо!
|
| Часовой пояс GMT +3, время: 19:44. |