HTML JavaScriptを使用して選択してください

Question

switch文を確認してください

デフォルトオプションのみが動作します。

case x="Fin"およびcase x="Intercom"は機能しません。理由は分かりません。ありがとう！

コード：

<p>Niche</p> 
     <select name="niche" id="niche" onchange="FCM_niche()"> 
      <option value="empty" selected="">Select Niche</option> 
      <option value="fin">FIN</option> 
      <option value="intercom">Intercom</option> 
     </select> 

    <script type="text/javascript"> 
       function FCM_niche() { 
        var x = document.getElementById("niche").value; 
        switch (true) { 
         case x="FIN": 
          document.getElementById("FCM_select_niche").innerHTML = "FFFF"; 
          break; 
         case x="Intercom": 
          document.getElementById("FCM_select_niche").innerHTML = "IIII"; 
          break; 
         default: 
          document.getElementById("FCM_select_niche").innerHTML = "DDDD"; 
         } 
       }; 
      </script> 
<div id="FCM_select_niche">   
</div> 

Answer 1

これを見てくださいはフィドルあなたのコードの作業バージョンを示すJS： https://jsfiddle.net/jspruance/ebjnqt2r/

をちょうどあなたのJSにいくつかの小さな微調整を行い、あなたが起動して実行する必要があります。

2）ベ​​ースの代わりに表示されるテキストの選択した値にそれぞれのケース（） '（x）のスイッチ'： 例：ケース「フィン

1）は 'X' 変数であなたのswitch文をベース"

function FCM_niche() { 
    var x = document.getElementById("niche").value; 

    switch(x) { 
     case "fin": 
      document.getElementById("FCM_select_niche").innerHTML = "FFFF"; 
      break; 
     case "intercom": 
      document.getElementById("FCM_select_niche").innerHTML = "IIII"; 
      break; 
     default: 
      document.getElementById("FCM_select_niche").innerHTML =  "DDDD"; 
    } 
}; 

これはトリックを行う必要があります...幸運。

Answer 2

あなたのswitch文は無効です。また、あなたがいない値に選択したテキストに対して、スイッチケースをチェックしていること

<p>Niche</p> 
 
     <select name="niche" id="niche" onchange="FCM_niche()"> 
 
      <option value="empty" selected="">Select Niche</option> 
 
      <option value="fin">FIN</option> 
 
      <option value="intercom">Intercom</option> 
 
     </select> 
 

 
    <script type="text/javascript"> 
 
       function FCM_niche() { 
 
        var x = document.getElementById("niche").value; 
 
        switch (x) { 
 
         case "fin": 
 
          document.getElementById("FCM_select_niche").innerHTML = "FFFF"; 
 
          break; 
 
         case "intercom": 
 
          document.getElementById("FCM_select_niche").innerHTML = "IIII"; 
 
          break; 
 
         default: 
 
          document.getElementById("FCM_select_niche").innerHTML = "DDDD"; 
 
         } 
 
       }; 
 
      </script> 
 
<div id="FCM_select_niche">   
 
</div>

Answer 3

var x = document.getElementById("niche").value; 
switch (x) { 
    case "FIN": 
    document.getElementById("FCM_select_niche").innerHTML = "FFFF"; 
    break; 
    case "Intercom": 
    document.getElementById("FCM_select_niche").innerHTML = "IIII"; 
    break; 
    default: 
    document.getElementById("FCM_select_niche").innerHTML = "DDDD"; 
} 

Answer 4

あなたのスイッチケースが

この1が正しいか間違っている

function FCM_niche() { 
        var x = document.getElementById("niche").value; 
        switch (x) { 
         case "fin": 
          document.getElementById("FCM_select_niche").innerHTML = "FFFF"; 
          break; 
         case "intercom": 
          document.getElementById("FCM_select_niche").innerHTML = "IIII"; 
          break; 
         default: document.getElementById("FCM_select_niche").innerHTML = "DDDD"; 
          break; 
         } 
       }; 

あなただけをする必要がスイッチで変数を渡す（YOUR_VAR）

と比較してみましょう。「あなたの文字列」との比較：

また、FIN &フィンは等価ではありません。