保存选定的选项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的函数已经存在。