如何從腳本的其餘部分訪問JavaScript函數中的變量？

Question

我的功能是由onchange事件在html select類型輸入中進行的調用。 我分配一個變量的值，但它似乎並沒有得到由該功能，比如說外同名的變量訪問，在$(document).ready()

<select form="submitForm" name="frequency" class="meal-type-select" onchange="getFreqVal(this)"> 
     <option value="O">One Time</option> 
     <option value="D">Daily</option> 
     <option value="W">Weekly</option> 
     <option value="M">Monthly</option> 
     <option value="Y">Yearly</option> 
     <option value="R">Requested</option> 
</select> 

和腳本是這樣的：（有很多更重要的劇本，但我只顯示相關的問題的一部分，使之少嘮嘮）

<script> 
$(document).ready(function() { 

    var freqVal; 


    $('#addPictures').click(function() { 

     alert(freqVal); 

    }); 

}); 

function getFreqVal(sel) 
{ 
    freqVal = sel.value; 
    alert(freqVal); 
} 
</script> 

Answer 1

只要在$(document).ready()之外聲明freqVal即可。基本上，它們是兩種不同的功能。

Answer 2

您聲明您的變量的函數裏面，所以它不會在函數外可見範圍。你這樣做的方式，這兩個函數都有自己的變量名爲freqVal。

可以使用全局變量（的window構件）：

<script> 

var freqVal; // here 

$(document).ready(function() { 
    $('#addPictures').click(function() { 
     alert(freqVal); 
    }); 
}); 

function getFreqVal(sel) 
{ 
    freqVal = sel.value; 
    alert(freqVal); 
} 

</script> 

Answer 3

可變freqval是getFeqVal的範圍之外（）。這是你應該做的：

<script> 
    var freqVal; 
    $(document).ready(function() { 

     $('#addPictures').click(function() { 

      alert(freqVal); 

     }); 

    }); 

    function getFreqVal(sel) 
    { 
     freqVal = sel.value; 
     alert(freqVal); 
    } 
</script> 

這使得freqVal的全局範圍。

Answer 4

刪除JavaScript和使用jQuery

$(document).ready(function() { 

    $('.meal-type-select').on('change', function() { 

     // stuff on select change 

    }); 

    $('#addPictures').on('click', function() { 

     var freqVal = $('.meal-type-select').val(); 

    }); 
});