上下入力テキストの入れ替え
上下に並ぶ入力の内容の入れ替え
jQuery
$(function () {
$('#change').click(function() {
// 上入力欄の内容取得
var upper_val = $('#upper').val();
// 下入力欄の内容取得
var lower_val = $('#lower').val();
// 設定
$('#upper').val(lower_val);
$('#lower').val(upper_val);
});
});
HTML
<form>
<input type="text" id="upper">
<div id="change">↑↓</div>
<input type="text" id="lower">
</form>
サンプル