選択したオプションを保存する - HTML/Javascript

Question

私はこれを数年でやっていないし、忘れてしまった。 onchangeと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という名前の関数があることを前提としています。