0

フォーム テキスト ボックスから入力した URL を iFrame ウィンドウに表示したいので、iframe src="" をフォーム フィールド入力に変更します。どうやってやるの？これが私が使用するつもりのサンプルコードです。

<html>
<head>
<title>Blah.</title>
<link href="style.css"rel="stylesheet" type="text/css" />
</head>
<body>
<form>
Enter URL: <input type="text" />
<input type="submit" value="GO" />
</form>
<iframe src="" frameborder="0" marginwidth="0" scrolling="yes"></iframe>
</body>
</html>
4

1 に答える 1

2

これを試して。

<html>
<head>
    <title>Blah.</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        function SetSrc()
        {
            document.getElementById("myIfreme").src = document.getElementById("txtSRC").value;
        }
    </script>
</head>
<body>
    <form>
    Enter URL:
    <input type="text" id="txtSRC" />
    <input type="button" value="GO" onclick="SetSrc()" />
    </form>
    <iframe id="myIfreme" src="" frameborder="0" marginwidth="0" scrolling="yes"></iframe>
</body>
</html>
于 2012-08-15T18:50:43.943 に答える