ドロップダウンリストから取得し、Javaスクリプトのラベルを設定します

Question

ドロップダウンリストの値のいずれかをユーザが選択すると、ラベルを表示します。 これは私のコーディングです。

<table> 
    <tr> 
     <td>Spend Amount </td> 
     <td> 
      <select name="amountSpend"> 
       <option value="Less">Less </option> 
       <option value="More">More</option> 
       <option value="By">range</option> 
      </select> 
     </td> 
    </tr> 
</table>​ 

たとえば、ユーザーが少ない場合は、ラベルを使用して「10未満」を表示します。 おかげ

Answer 1

あなたが選択を取得し、onchangeイベントを処理するためにdocument.getElementsByNameを利用することができます

<label id="foo"></label> 

<table> 
    <tr> 
     <td>Spend Amount </td> 
     <td> 
      <select name="amountSpend"> 
       <option value="Less">Less </option> 
       <option value="More">More</option> 
       <option value="By">range</option> 
      </select> 
     </td> 
    </tr> 
</table>​ 

<script> 
    document.getElementsByName('amountSpend')[0].onchange = function(e){ 
     document.getElementById('foo').innerHTML = this.value + ' than 10'; 
    }; 
</script> 

例：私は以下の回答から解決策を試してみた

http://jsfiddle.net/XkXrv/