0

ユーザーが入力したテキストに応じて異なる Web サイトにリンクする html を作成することは可能ですか? 言い換えれば、ユーザーがテキストを入力してから送信できる単純なテキスト フォームがあります。私がやりたいことの例として、「ABC」と入力して送信を押すとグーグルに移動し、「XYZ」と入力するとヤフーに移動するように設定する方法はありますか?

4

1 に答える 1

0

はい、できますが、JavaScript が必要です。これは、Web 1.0 スクリプトを思い起こさせる非常に不自然な例です。このコードは、テキスト フィールド (keyup) にリスナーを設定し、それが変更されるたびに、変更された関数を呼び出します。これにより、フィールドの値が評価されます。'XYZ' に一致する場合、フォームのアクション プロパティをフォーム送信先の URL に設定します。この特定のケースでは、への URL は存在しないものになります。もちろん、これは完全な解決策ではなく、ハンドラーが正しく機能するようになるまで少し時間を費やす必要があります。

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>
<body>
<form id="myform">
    <input type="text" id="mytext" onkeyup="changed()">
</form>

<script type="text/javascript">

    function changed()
    {
        var v = document.getElementById('mytext').value;
        if("XYZ" === v)
        {
            var action = "http://www.foobar.nothing/" + v;
            document.getElementById('myform').action = action;
        }
    }
</script>
</body>
</html>
于 2013-06-21T02:13:09.137 に答える