อยากถามเกี่ยวกับการโชว์หรือซ่อน text หากเราเลือก ปกติก็จะไม่โชว์ text ใครพอมีตัวอย่างบ้าง

<script language="JavaScript" type="text/javascript">
function show_textfield(pok, txtName){
	//alert(eval(id))
	var txtObj = eval(txtName);
	//alert(id.value + "  " + id.options[id.selectedIndex].text)
	if (pok.options[pok.selectedIndex].text == 'ผิดปกติ') txtObj.style.display = "";
	else  txtObj.style.display = "none";
}
</script>
<form name="frmregister" action="guarantee_addata1.php" method="post" onSubmit="return checkform(this);">
<table width="955" height="973" border="1" align="center">
  <tr>
    <td height="26" colspan="2"><? require('header.php') ?></td>
  </tr>
  <tr>
  <td colspan="2" valign="top" bordercolor="#93EAFF" background="image/top.jpg" bgcolor="#93EAFF">
	   <marquee>
        <div align="center"><span class="style32">ระบบการให้บริการคลินิกหมอบุญพิมล </span></div>
      </marquee></td>
  </tr>
  <tr>
	 <td width="21" align="left" valign="top" bgcolor="#FFFFFF"><a href="officer_add.php">
	   <? include ('menu_doctor.php')?>
	 </a></td>
      <td width="918" valign="top" bgcolor="#FFFFFF"><p>&nbsp;</p>
        <table width="275" border="0" align="right" cellspacing="0">
          <tr>
            <td width="70" height="54"><label>
              <input type="image" name="imageField22" src="images/manag.gif" />
              </label>
            </td>
            <td width="189"><strong><span class="style43"><a href="guarantee_show1.php">แสดงข้อมูลใบรับรองแพทย์ทั้งหมด</a></span></strong></td>
          </tr>
        </table>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <table width="655" border="0" align="center" cellspacing="2" bgcolor="#FFFFFF">
        <tr>
          <td height="30" colspan="2" background="image/foot.jpg" bgcolor="#62a6d5"><div align="center" class="style65">ใบรับรองแพทย์สุขภาพ</div></td>
        </tr>
        <tr>
          <td width="173" height="26" bgcolor="#dcf9ff" class="style65"><p>ชื่อ-นามสกุล</p>
            <label></label></td>
          <td width="377" bgcolor="#dcf9ff"><span class="style37">
             
             <select name="pt_zname" id="pt_zname"   class="dropdown">
               <option value="คำนำหน้าชื่อ">คำนำหน้าชื่อ</option>
               <option value="นาย">นาย</option>
               <option value="นาง">นาง</option>
               <option value="นางสาว">นางสาว</option>
              <option value="เด็กหญิง">เด็กหญิง</option>
              <option value="เด็กชาย">เด็กชาย</option>
               <option >อื่นๆ</option>
              </select>
             
             <input name="pt_name" type="text" id="pt_name" size="30" />
             <span class="style57">*</span></span></td>
        </tr>
        <tr>
          <td bgcolor="#dcf9ff"><div align="left" class="style37"><strong>สภาพร่างกายทั่วไปอยู่ในเกณฑ์</strong></div>
            <div align="center" class="style37"></div></td>
          <td bgcolor="#dcf9ff"><span class="style37">
            <label>
              <select name="pok"  onChange="show_textfield(this,'rak');" id="pok">
                <option value="ปกติ" selected="selected">ปกติ</option>
                <option value="ผิดปกติ">ผิดปกติ</option>
              </select> <input type="text" id="rak" name="rak" value="" style="display:none"/>
              <span class="style57">*</span></label>
          </span></td>
        </tr>
        <tr>
          <td height="24" bgcolor="#dcf9ff"><p class="style65">ระบุ  <br />
            <span class="style57">(หากสภาพร่างกายทั่วไปอยู่ในเกณฑ์ผิดปกติ โปรดระบุ) </span></p>            </td>
          <td bgcolor="#dcf9ff"><span class="style37">
            <label>
              <input name="rak" type="text" id="rak" size="50" />
              </label>
          </span></td>
        </tr>
        <tr>
          <td colspan="2" background="image/foot.jpg"><div align="center">
              <input name="Submit22" type="submit" value="บันทึก" />
            &nbsp;
            <input type="reset" name="Submit22" value="ลบ" />
            &nbsp;
            <label></label>
          </div></td>
        </tr>
        </table>
        <p><br />
        </p>
        <p align="center"><a href="guarantee.php" class="style61">ย้อนกลับ</a> </p></td>
  </tr>
  
  

  <tr>
    <td height="26" colspan="2"><? require('footer.php') ?></td>
  </tr>
</table>
<p>&nbsp;</p>
</form>

 <script src="http://code.jquery.com/jquery-latest.js"></script>
<div id="inputText" style="display:none;">
	<input type="text" name="someText" style="width:200px;" value="ป้อนข้อมูลที่นี่ครับ" />
</div>

<div id="setState">
<input type="radio" name="ShowOrHidden" id="show" value="" />Show <br />
<input type="radio" name="ShowOrHidden" id="hide" value="" />Hide <br />
</div>


<script>
$("div#setState input:radio#show").click(function(){
	$("div#inputText").show(400);
});
$("div#setState input:radio#hide").click(function(){
	$("div#inputText").hide(400);
});
</script>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<label>
<select name="pok"  onChange="show_textfield(this,'rak');" id="pok">
<option value="ปกติ" selected="selected">ปกติ</option>
<option value="ผิดปกติ">ผิดปกติ</option>
</select> 
<span id="show_hide" style="display:none"><input type="text" id="rak" name="rak" value="" />
<span class="style57">*</span>
</label>
<script>
$("select#pok").change(function(){
		var state=$(":selected",this).val();
		if(state=="ผิดปกติ") 
				$("span#show_hide").show(400);
		else $("span#show_hide").hide(400);
});
</script>