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>
関連記事
Category: JavaScript Tags: jQuery
10月 14, 2011 | No Comments
Comments
Leave a Reply