フォームドロップダウンメニューからデータを取得する方法は？

Question

私はExpress.jsを使用していて、ドロップダウン・セレクト・エレメントのフォーム・データを取得しようとしています。 body-parserで試しましたが、eq.body.method_selectで取得するものは未定義です。 ウェブ上でこれを行う方法に関する多くの情報が見つかりませんでした。

app.get('/url_analyse', function(req, res) { 
 
    console.log(req.body.method_select); 
 
})

は、あなたがそれを私に役立つことを願って：

<form action="url_analyse"> 
    <div class="col-lg-6"> 

     <div class="input-group"> 

      <select class="custom-select mb-2 mr-sm-2 mb-sm-0" name="method_select" id="inlineFormCustomSelect"> 
       <option value="5">Regular Search (Short)</option> 
       <option value="10">Intense Search (Long)</option> 
       <option value="20">Deep Search (Very Long)</option> 
      </select> 

      <input type="text" name="url_input" class="form-control" placeholder="Enter URL"> 

      <span class="input-group-btn"> 
       <button class="btn btn-secondary">Go!</button> 
      </span> 

     </div> 


    </div> 

はここに私のjsコードです：

は、ここに私のコードのhtmlコードです。 ありがとうございます。

Answer 1

ここで2つの問題があります。

あなたが明示的に追加したい場合があります
• 前方スラッシュ：action="/url_analyse"
• デフォルトのフォーム送信HTTPメソッドは、フォームフィールドが渡されることを意味し、GETですURLのクエリ文字列部分。つまり、代わりにreq.queryにアクセスしてフォームフィールドにアクセスする必要があります。 POSTと他の方法（適切なenctype）を使用してフォームを送信する場合は、body-parserとreq.bodyが必要です。