HTMLフォームのドロップダウンリストアイテムを作成する方法

Question

私は初心者のウェブ開発者としてかなり基本的なウェブサイトを作成しています。 HTMLのドロップダウンリストフォームから値を取得し、送信ボタンをクリックして、選択した内容に応じて新しいページにリダイレクトする方法を知っています。毎月新しいWebページにする必要があります。コードは次のとおりです。

<form action="" method="get"> 
    <p>Month</p> 
    <select name="months"> 
     <option value="march2015">March, 2015</option> 
     <option value="april2015">April, 2015</option> 
     <option value="may2015">May, 2015</option> 
     <option value="june2015">June, 2015</option> 
     <option value="july2015">July, 2015</option> 
    </select> 
    <input type="submit" value="Submit"> 
</form> 

"action"属性には何を入れるべきかについては少し不明です。私はウェブホスティングサービスを使用していない、私はちょうど私のブラウザでファイルを表示しています。

Answer 1

あなたはそれにいくらかのJavascriptが必要です。このような

更新あなたのHTML：

<form id="form" action="" method="get"> 
    (...) 
    <select name="months" onchange="update_action(this)"> 
     (...) 
    </select> 
     (...) 
</form> 

そして、次のコードで<script />タグファイルを経由して添付する：

JS（script.js）

var update_action = function(obj) { 
    var val = obj.value; 
    var url = /* Setup your URL here. */; 

    document.querySelector('#form').setAttribute('action', url); 
}; 

が動作するはずです:)