Javascript onchange函数

我正在尝试创建一个函数，以便在更改选择选项时运行。在我的选择菜单中，我有

    <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”。我很难弄清楚如何正确地编写函数。有什么建议吗？

下面是获取所选选项值的步骤

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

关于jQuery：

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

对于非jQuery，一种快速的方法是：

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

---

另外，您可能希望查看是否符合标准的浏览器，对于IE6-8，请尝试使用jQuery

<script type="text/javascript">

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

</script>

$（文档）.ready（函数（）{
$（'#帧颜色'）。更改（函数（）{
//你的代码应该在这里
});
});

var变量=0；
函数fChange（）
{
var val=document.getElementById（“帧颜色”）.value；
变量=val；
}
亮黑
灰色

如果您得到了想要的信息，不要忘记将答案标记为已接受。。。

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

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>