PHP & JavaScript Room :: 設置サンプル

実行結果

検索サイト:

ソース

<form action="#">
    <!-- プルダウンメニューで選んだページをインラインフレーム内で切替表示 -->
    <p>検索サイト:
    <select name="sel" onChange="iframeChange(this.options[this.selectedIndex].value);">
        <option value="http://www.google.co.jp/">Google</option>
        <option value="http://www.yahoo.co.jp">Yahoo! JAPAN</option>
        <option value="http://www.goo.ne.jp/">goo</option>
    </select>
    <iframe name="iframeA" src="/content/demo/sample.html" 
            width="500" height="200" 
            scrolling="no" frameborder="0"
            marginWidth="0" marginHeight="0"
            style="border:1px solid #666;"
    >
    インラインフレーム対応のブラウザでご覧下さい。
    </iframe>
</form>
<script type="text/javascript">
    function iframeChange(url){
        window.iframeA.location.href=url;
    }
</script>

polarized women