急求解决：关于jquery中对div 和 textarea的show和hide切换

Question

 <div id="a"> <textarea id="1">好好好好<textarea>
 <textarea id="2">我我我我<textarea>
 <textarea id="3">你你你你<textarea>
   
 
</div> <select>
      <option  value="1" >好</option>
      <option  value="2" >我</option>
      <option  value="3  >你</option>
</select > 我想实现的是开始div区域全部隐藏，然后点下拉框就能显示对应的textarea。
                         <script type="text/javascript">


    $(document).ready(function(){
 
    $("textarea").hide();
 
});
  怎样写下半段？点击后只显示对应的textarea

Answer 1

$("select").change(function(){
    $("textarea ").hide();
    $("#"+$(this).val()).show();
});

Answer 2

<textarea   id= "1 "> 好好好好 <textarea> // 应改这样<textarea id= "1 ">好好好好 </textarea>
<textarea>起始标签  </textarea>结束标签
<select name="s_id">
            <option     value= "1"   > 好 </option>
            <option     value= "2"   > 我 </option>
            <option     value= "3"   > 你 </option>
</select>   
<div id= "a ">
  <textarea   id= "1" style="display:none;"> 好好好好 </textarea>
  <textarea   id= "2" style="display:none;"> 我我我我 </textarea>
  <textarea   id= "3" style="display:none;"> 你你你你 </textarea>
</div>  
  <script type="text/javascript">
jQuery(document).ready(function(){
jQuery('select[name=s_id]').change(function(){
curTextAreaID = jQuery(this).val();
jQuery('#'+curTextAreaID).show();
jQuery('#'+curTextAreaID).siblings().hide();
});
});
  </script>