效果:
分享代碼嘍:<title></title><br /><table width="100%" cellspacing="0" cellpadding="0" border="0"><tr height="30px"><td></td></tr><tr valign="top" height="300px;"><td width="50%" align="right"><table cellspacing="0" cellpadding="0" width="88%" align="center"><tr><td width="30%" align="center" valign="top"><table id="inputTab_1" cellspacing="0" cellpadding="0" width="100%" align="center" style="margin-top: 0px"><tr><td style="padding-left: 5px; text-align: left; background-color: #EAEBDB; height: 25px; border-bottom: solid 1px #000">配置預算項目</td></tr><tr><td id="inputTd_1_1" height="22px;" onclick="switchShow(true, 1, 1);" style="border-bottom: solid 1px #000;">教育學費<p><input id="inputText_1_1" onblur="switchShow(false,1, 1);" type="text" class="inputmess" style="width: 100%; display: none" value="教育學費">大學學位已成為社會工作的基本門檻,也成為父母提供子女的基本,子女教育具有不具時間彈性和費用彈性,不象房屋規劃和退休規劃,如財禮不足,可以減低標準,子女教育的時間點和費用比較固定,需要及早規劃。</td></tr><tr><td id="inputTd_1_2" height="22px;" onclick="switchShow(true, 2, 1);" style="border-bottom: solid 1px #000;">住宿費<p><input id="inputText_1_2" onblur="switchShow(false,2, 1);" type="text" class="inputmess" style="width: 100%; display: none" value="住宿費">住宿費項目說明。</td></tr><tr><td id="inputTd_1_3" height="22px;" onclick="switchShow(true, 3, 1);" style="border-bottom: solid 1px #000;">生活費<p><input id="inputText_1_3" onblur="switchShow(false,3, 1);" type="text" class="inputmess" style="width: 100%; display: none" value="生活費">生活費項目說明。</td></tr><tr><td id="inputTd_1_4" height="22px;" onclick="switchShow(true, 4, 1);" style="border-bottom: solid 1px #000;">其他<p><input id="inputText_1_4" onblur="switchShow(false,4, 1);" type="text" class="inputmess" style="width: 100%; display: none" value="其他">其他項目說明。</td></tr><tr><td id="inputTd_1_5" height="22px;" onclick="switchShow(true, 5, 1);" style="border-bottom: solid 1px #000;"><p><input id="inputText_1_5" onblur="switchShow(false,5, 1);" type="text" class="inputmess" style="width: 100%; display: none" value=""></td></tr></table><table id="inputTab_2" cellspacing="0" cellpadding="0" width="100%" align="center" style="margin-top: 0px"><tr><td style="padding-left: 5px; text-align: left; background-color: #EAEBDB; height: 25px; border-bottom: solid 1px #000">配置適用地區</td></tr><tr><td id="inputTd_2_1" height="22px;" onclick="switchShow(true, 1, 2);" style="border-bottom: solid 1px #000;">西北地區<p><input id="inputText_2_1" onblur="switchShow(false,1, 2);" type="text" class="inputmess" style="width: 100%; display: none" value="西北地區">配置適用地區,西北地區,項目說明。</td></tr><tr><td id="inputTd_2_2" height="22px;" onclick="switchShow(true, 2, 2);" style="border-bottom: solid 1px #000;">福建省<p><input id="inputText_2_2" onblur="switchShow(false,2, 2);" type="text" class="inputmess" style="width: 100%; display: none" value="福建省">配置適用地區,福建省,項目說明。</td></tr><tr><td id="inputTd_2_3" height="22px;" onclick="switchShow(true, 3, 2);" style="border-bottom: solid 1px #000;">北京市<p><input id="inputText_2_3" onblur="switchShow(false,3, 2);" type="text" class="inputmess" style="width: 100%; display: none" value="北京市">配置適用地區,北京市,項目說明。</td></tr><tr><td id="inputTd_2_4" height="22px;" onclick="switchShow(true, 4, 2);" style="border-bottom: solid 1px #000;"><p><input id="inputText_2_4" onblur="switchShow(false,4, 2);" type="text" class="inputmess" style="width: 100%; display: none" value=""></td></tr><tr><td id="inputTd_2_5" height="22px;" onclick="switchShow(true, 5, 2);" style="border-bottom: solid 1px #000;"><p><input id="inputText_2_5" onblur="switchShow(false,5, 2);" type="text" class="inputmess" style="width: 100%; display: none" value=""></td></tr></table><table id="inputTab_3" cellspacing="0" cellpadding="0" width="100%" align="center" style="margin-top: 0px"><tr><td style="padding-left: 5px; text-align: left; background-color: #EAEBDB; height: 25px; border-bottom: solid 1px #000">配置預算方案</td></tr><tr><td id="inputTd_3_1" height="22px;" onclick="switchShow(true, 1, 3);" style="border-bottom: solid 1px #000;">低成本預算方案<p><input id="inputText_3_1" onblur="switchShow(false,1, 3);" type="text" class="inputmess" style="width: 100%; display: none" value="低成本預算方案">配置預算方案,低成本預算方案,項目說明。</td></tr><tr><td id="inputTd_3_2" height="22px;" onclick="switchShow(true, 2, 3);" style="border-bottom: solid 1px #000;">普通預算方案<p><input id="inputText_3_2" onblur="switchShow(false, 2, 3);" type="text" class="inputmess" style="width: 100%; display: none" value="普通預算方案">配置預算方案,普通預算方案,項目說明。</td></tr><tr><td id="inputTd_3_3" height="22px;" onclick="switchShow(true, 3, 3);" style="border-bottom: solid 1px #000;">豪華預算方案<p><input id="inputText_3_3" onblur="switchShow(false,3, 3);" type="text" class="inputmess" style="width: 100%; display: none" value="豪華預算方案">配置預算方案,豪華預算方案,項目說明。</td></tr><tr><td id="inputTd_3_4" height="22px;" onclick="switchShow(true, 4, 3);" style="border-bottom: solid 1px #000;"><p><input id="inputText_3_4" onblur="switchShow(false,4, 3);" type="text" class="inputmess" style="width: 100%; display: none" value=""></td></tr><tr><td id="inputTd_3_5" height="22px;" onclick="switchShow(true, 5, 3);" style="border-bottom: solid 1px #000;"><p><input id="inputText_3_5" onblur="switchShow(false, 5, 3);" type="text" class="inputmess" style="width: 100%; display: none" value=""></td></tr></table></td><td width="8%" align="center" valign="top" style="padding-right: 5px"><input type="button" value="刪 除" onclick="deleteItem();"></td><td width="50%" align="left" valign="top"><textarea id="inputContent" onblur="saveContent();" style="width: 90%; height: 410px">大學學位已成為社會工作的基本門檻,也成為父母提供子女的基本,子女教育具有不具時間彈性和費用彈性,不象房屋規劃和退休規劃,如財禮不足,可以減低標準,子女教育的時間點和費用比較固定,需要及早規劃。<br />