javascript - オンチェンジ関数

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」に更新する必要があります。関数を適切にコーディングする方法を理解するのに苦労しています。助言がありますか？

score 1 · Accepted Answer

以下は、選択されたオプション値を取得します...

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

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>

score 0 · Accepted Answer

これを試してください、これはjQueryです

<script type="text/javascript">

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

</script>

score 0 · Accepted Answer

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を確認することもできます。

javascript - オンチェンジ関数

5 に答える 5

Related

Reference