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值更新保存options值的变量。因此，函数fChange中的变量通过保持值“0”开始，当我将其更改为“Gray”时，我希望变量更新为“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

on 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 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>

onchange功能

5 个答案: