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

北京大丸子 2012-04-09 11:32:18
<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

...全文
118 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
freedom_gooboy 2012-04-09
  • 打赏
  • 举报
回复
<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>

bree06 2012-04-09
  • 打赏
  • 举报
回复
$("select").change(function(){
$("textarea ").hide();
$("#"+$(this).val()).show();
});

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧