このコードではドロップダウンが機能していません

Question

最初の2行は、値がidをフェッチするjsファイルからのものです。

var activity = document.getElementById("bactivity").value; 
 
     var activity1 = activity.options[activity.selectedIndex].value;

<select style="font-size:15px" ng-model="activity" value="Enter activity" id="bactivity"> 
 
      <option selected>select</option> 
 
      <option value="Fitness">Fitness</option> 
 
      <option value="Aerobics">Aerobics</option> 
 
      <option value="Dance">Dance</option> 
 
      <option value="Martial arts">Martial arts</option> 
 
      <option value="Boxing">Boxing</option> 
 
      <option value="Athletics">Athletics</option> 
 
     </select>

上記のコードは、私がドロップダウンの形式でデータを表示していると私はそれはオプションが無効であるというエラーを発生任意の値を選択していたときに、HTMLファイルからです。私の間違いは何だったのかを教えてくれる人もいます。

Answer 1

Herreあなたはあなただけの要素ではない彼らの値（コードの最初の2行を）取らなければならなかった、作業コードを見つけることができます。

var activity = document.getElementById("bactivity"); 
 
     var activity1 = activity.options[activity.selectedIndex];

<select style="font-size:15px" ng-model="activity" value="Enter activity" id="bactivity"> 
 
      <option selected>select</option> 
 
      <option value="Fitness">Fitness</option> 
 
      <option value="Aerobics">Aerobics</option> 
 
      <option value="Dance">Dance</option> 
 
      <option value="Martial arts">Martial arts</option> 
 
      <option value="Boxing">Boxing</option> 
 
      <option value="Athletics">Athletics</option> 
 
     </select>