ユーザーがドロップダウンで選択した内容に応じてウェブページを開き、テキストボックスに数字を入力するにはどうすればよいですか？

Question

私は、ユーザーがドロップダウンから項目を選択し、特定のWebページを開くための番号を入力するメインページを設計しようとしています。 HTML5でしかできないか、Javascriptを使用する必要がありますか？どちらの場合でも、誰かがこれをどうやって行うのか教えてもらえますか？

Answer 1

JavaScriptを使用する必要があります。

(function() { 
 
    const urls = [ 
 
    'https://twitter.com', 
 
    'https://facebook.com' 
 
    ]; 
 

 
    document.getElementById('select-control').addEventListener('change', event => { 
 
    console.log(event.target.value); 
 
    // window.location = urls[event.target.value]; 
 
    }, false); 
 
}());

<select id="select-control"> 
 
    <option value="0">0</option> 
 
    <option value="1">1</option> 
 
</select>