javascript - 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() 函数做的唯一一件事就是用 onchange 值更新保存选项值的变量。因此，函数 fChange 中的变量从保持值“0”开始，当我将其更改为“灰色”时，我希望变量更新为“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符合标准的浏览器和attachEventIE6-8

Answer 4

试试这个，这是 jQuery

<script type="text/javascript">

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

</script>

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>