onchange函数

Question

我正在尝试创建一个函数，以便在更改select选项时运行。在我的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值更新保存Option值的变量。因此，函数fChange中的变量从保持值"0“开始，当我将其更改为"Grey”时，我希望变量更新为"1“。我很难弄清楚如何正确地编写函数。有什么建议吗？

Answer 1

下面是获取所选选项值...

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

Answer 2

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

Answer 3

在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