上下入力テキストの入れ替え

上下に並ぶ入力の内容の入れ替え

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>

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。主にLAPP環境でPHPを書いています。最近はjQueryで遊んでいます。
※動作確認について