onchange function

Question

selectオプションが変更されたときに実行する関数を作成しようとしています。私の選択メニューで私は持っている;

<form id="frame"> 
     <select id="frame_color" onchange="fChange()"> 
      <option value="0">Polished Black</option> 
      <option value="1">Grey</option> 
     </select> 
    </form> 

私はfChange（）関数がしたいだけの事はのonchange値とオプションの値を保持している変数の更新です。したがって、関数fChangeの変数は値 "0"を保持することから始まり、変数を "グレー"に変更すると変数が "1"に更新されます。私は、関数を適切にコーディングする方法を理解するのに苦労しています。助言がありますか？

Answer 1

jQueryの上

function fChange() 
{ 
    var val = $("#frame_color").val(); 
} 

Answer 2

...選択したオプションの値を取得するには、次：非jQueryのための

$(function(){ 
    $('#frame_color').on('change',function(){ 
     your_variable = $(this).val() 
    }); 
}); 

、それを行うための簡単な方法は次のとおりです。

document.getElementById('frame_color').onchange = function(e){ 
    your_variable = e.target.value; 
}​ 

また、標準に準拠したブラウザの場合はaddEventListener、IE6-8の場合はattachEventを参照することもできます。

Answer 3

は、あなたが欲しい情報を得た場合に受け入れて答えをマークすることを忘れていけないのjQuery

<script type="text/javascript"> 

    $(document).ready(function() { 
       $('#frame_color').change(function(){ 
        // your code should be here 
       }); 
     }); 

</script> 

Answer 4

fChange = function(){ 
    var value = document.getElementById("frame_color").value; 
    alert(value); 
} 

Answer 5

var variable = 0; 
function fChange() 
{ 
var val = document.getElementById("frame_color").value; 
variable = val; 
} 



<form id="frame"> 
     <select id="frame_color" onchange="fChange()"> 
      <option value="0">Polished Black</option> 
      <option value="1">Grey</option> 
     </select> 
    </form>