Jqueryで簡単にドラッグを実現！

<script type="text/javascript" src="パス/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="パス/jquery.dimensions.js"></script>
<script type="text/javascript" src="パス/ui.mouse.js"></script>
<script type="text/javascript" src="パス/ui.draggable.js"></script>
<script type="text/javascript" src="パス/ui.draggable.ext.js"></script>

それぞれダウンロードしておきhead内で読み込む。

ドラッグさせたい対象に

<div id='target'>ドラッグできる<div>
<script type="text/javascript">
    $('#target').draggable();
<script>

<<参考サイト>>
http://www.atmarkit.co.jp/fwcr/rensai/ajaxrecipe05/ajaxrecipe05_1.html

AJAXなどで処理中に表示するイメージ。
簡単にいろいろな種類が作成できるので便利

http://www.ajaxload.info/#preview

Jqueryを使って簡単にｓｅｌｅｃｔで選択されている値を取得。

<select id="test">
<option value="a">あ</option>
<option value="i">い</option>
</select>

以下のように取得

$('#test option:selected').text();

$('#test option:selected').val();

<<参考サイト>>
http://hatirobei.at.webry.info/200909/article_1.html

例えば郵便番号を入力してもらう時に前半と後半を3桁-4桁と分けた場合以下のようにしてやると前半3桁入力したら自動でカーソルが移動する

<form action="">
<input type="text" name="zip1" id="zip1" size="3" value="" onkeyup="CheckZip1()" />-<<nput type="text" name="zip2" id="zip2" size="4" value="" />
</form>
<script language="JavaScript">
<!--
function CheckZip1(){
	var zip1Val = document.getElementById("zip1").value;
	var zip1Length = zip1Val.length;
	//入力文字数が３の時に確認
	if( zip1Length == 3  ){
		if( ! zip1Val.match(/\d{3}/g) ){
			alert('郵便番号前半は半角数字3桁でご入力下さい');
		}
		//正しければzip2 focus
		else{
			document.getElementById("zip2").focus();
		}
	}
}
//-->
</script>