保存選定的選項onChange - HTML/Javascript

Question

我好幾年沒有這樣做過，忘記了。不得不查看onchange和Cookie使用.. 無論如何，我希望cookie在onChange期間保存選定的值。我知道有更好的方法來做到這一點，即使用POST，但我不能改變頁面和代碼的其餘部分。

<table style="background-color: #FFDD18;" width="100%" class="yearSelect"><tr> 
<td><b>Select Year: </b> 

<select name="yearEffSelect" id="yearEffSelect" 
    onchange="setCookie('YearEffSelected',__WHAT_GOES_HERE?__,1)"> 
<option value='2001'>2001</option> 
<option value='2002'>2002</option> 
<option value='2003'>2003</option> 
<option value='2004'>2004</option> 
<option value='2005'>2005</option> 
<option value='2006'>2006</option> 
<option value='2007'>2007</option> 
<option value='2008'>2008</option> 
<option value='2009'>2009</option> 
<option value='2010'>2010</option> 
<option value='2011' selected>2011</option> 

</select> 
</td> 
</tr></table> 

所以，問題：什麼樣的代碼中去 「__WHAT_GOES_HERE __？」？

沿着document.getId（'yearEffSelected'）。getValue（）？行的東西？

Answer 1

您可以使用

this.value 

獲取所選值。

這假設您有一個名爲setCookie的函數已經存在。