ユーザー入力に基づいてリダイレクト

私は20の異なるページを持っています。たとえば、mysite.com/page1、mysite.com/page2など...ユーザー入力に基づいてリダイレクト

ユーザーが数字を入力できる入力フィールドを作成する必要があります。たとえば、数字16を入力すると、リダイレクトされます彼はmysite.com/page16になります。

JavaScriptでこれが可能だと思います。誰にもアドバイスがありますか？

2017-02-06 ex501

？ –

window.onload = function() { 
 
    document.getElementById('btn').onclick = function() 
 
    { 
 
    window.location.href = "http://www.yourdomain.com/page"+document.getElementById("url").value 
 
    }; 
 
}

<input id="url" value=""> 
 
<button id="btn">Go!</button>

バニラJavaScriptで

出典

2017-02-06 08:43:24

あなたのソリューションはすばらしく、コードスニペットでは完全に機能していますが、空のhtmlドキュメントでテストしようとすると、全く機能しません。私は何か間違っているのですか？次はスクリーンショットです：https://postimg.org/image/ymacsuflt/ – ex501

Hm。あなたがボタンをクリックすると、ブラウザにplsコンソールを表示します。また、jqueryを削除することもできます。 –

コンソールは捕捉されない例外TypeErrorを言う：index.htmlをでヌルの 'onclickの' プロパティを設定できません： '

あなたの目的のページにwindow.redirect使用することができinput_idがあなたの入力ボックスのIDです

var input_number = document.getElementById('input_id').value 
url = "mysite.com/page" + input_number; 
window.location=url;

出典

2017-02-06 08:40:19

（なしライブラリ）次のスクリプト（ES6）を使用できます。あなたがこれまでに試みられてきた何

let input = document.querySelector('#input'); 
 
input.addEventListener('change', event => { 
 
    var url = `mysite.com/page${input.value}`; 
 
    alert(url); 
 
    window.location = url; 
 
});

<input id="input" type="number" name="page" min="1" max="16" value="0"></input>

出典

2017-02-06 08:53:22 GibboK

ユーザー入力に基づいてリダイレクト

答えて

関連する問題