onchange函數

Question

我想創建一個函數，當選擇選項被改變時運行。在我的選擇菜單中;

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

我想要的fChange（）函數來唯一要做的就是更新是保持與平變化值的選項值的變量。因此，函數fChange中的變量從保持值「0」開始，當我將其更改爲「Gray」時，我希望變量更新爲「1」。我很難弄清楚如何正確編寫函數。有什麼建議麼？

Answer 1

下獲得所選擇的選項值...

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

Answer 2

jQuery的：

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

非jQuery的，一個快速的方法來做到這一點是：

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>