スパンタグonchangeイベントjqueryの値を変更する

Question

ユーザーがドロップダウンからオプションを選択したときにスパンの値を変更しようとしていますが、これは機能していないようです。

HTML：

<tr> 
        <td class="field" colspan="4"> 
        <select id="mmt"> 
        <option value="Metric" selected>METRIC</option> 
        <option value="English">ENGLISH</option> 
        </select></td> 
       </tr> 
       <tr> 
        <td class="head"><label for="abc">ABC</label></td> 
        <td class="field"><input type="text" id="abc"/><span class="m">MM</span> OD</td> 
        <td class="head"><label for="pqr"></label></td> 
        <td class="field"><input type="text" id="pqr" /><span class="ms">MM</span></td> 
       </tr> 
       <tr> 
        <td class="head"><label for="xyz">XYZ</label></td> 
        <td class="field"><input type="text" id="xyz" /></td> 
        <td class="head"><label for="stu"></label></td> 
        <td class="field"><input type="text" id="stu"/><span class="ms">MM</span></td> 
       </tr> 

のjQuery：

$(function() {   
        $('#mmt').change(function() { 
         if ($('#mmt option:selected').text() == "English") { 
          $('.ms').text("INCH"); 
         } 
         else { 
          $('.ms').text("MM")  
         } 

        }); 

     }); 

Answer 1

$('#mmt option:selected').text()"METRIC"または"ENGLISH"、決して"English"を返しますどちらか。

あなたはselect要素ではなく、選択したoptionのテキストコンテンツの値をしたいです。
$('#mmt').val()^[docs]、または単に$(this).val()です.thisはselect要素を指しているためです。あなたがここにあなたのjQueryのソリューションで更新する必要が

DEMO

Answer 2

。

$(function() {   
      $('#mmt').change(function() { 

      if ($('#mmt option:selected').val() =="English") { 
       $('.ms').text("INCH"); 

       } 
      else { 
       $('.ms').text("MM")  
      } 

      }); 

     }); 

あなたはエラーコンソールでJSFiddle