jquery - グローバル変数が期待どおりに機能しない

Question

次のコードがあります

<script type="text/javascript">
    $(function()
    {
        var originalValue = $('#IndividualSystemSerialNumberCompanyId').val();
        $('#IndividualSystemSerialNumberCompanyId').change(function()
        {
            var main     = $(this);
            var newValue = main.val();

            $('#ChangeCompanyName').remove();

            if(originalValue != newValue)
            {
                console.log(originalValue);
                main.after('<span id="ChangeCompanyName" style="color:red;">&nbsp;&nbsp;&nbsp;Changing Company name will permanatly trasnfer IPC to changed company and old IPC record will be disabled.</span>');
            }
        });
    });

</script>

しかし、上記のコードは毎回機能するとは限りません.2 in iは、古い選択値を選択console.log(originalValue)すると常に条件を実行することを意味します.if

前に定義する必要がありますvar originalValue;か?

Answer 1

これoriginalValueは、常に と等しい が更新されないためです。ステートメント2で新しい値を割り当てる必要があります。if

if(originalValue != newValue)
{
    console.log(originalValue);
    originalValue = newValue;          
    main.after('<span id="ChangeCompanyName" style="color:red;">&nbsp;&nbsp;&nbsp;Changing Company name will permanatly trasnfer IPC to changed company and old IPC record will be disabled.</span>');
}