jQueryを使って、selectタグで選択された値によってリンク先を変更する方法

下記のようにselectタグで選択された値(value)によって
リンク先を変更したい場合、

ジャンプ

jQueryの方は下記のように、

<script type="text/javascript">
$(document).ready(function(){
	$('#target').bind('change', function() {
		var linkurl = $('#target').val();
		$('#link').attr({href:linkurl});
	});

});
</script>

HTMLは下記のように書けばOKです。

<select id="target">
<option value="http://yahoo.co.jp">ヤフー</option>
<option value="http://google.co.jp">グーグル</option>
</select>
<a href="" id="link">ジャンプ</a>
>お仕事中の気分転換にこちらもどうぞ。

10月 14, 2011 | No Comments

Comments

Leave a Reply