ปรึกษาวิธีการแสดง/ซ่อน text field ที่ใช้ ajax (function autocomplete ในการเขียนเพื่อป้อนข้อมูล)

<script src="http://code.jquery.com/jquery-latest.js"></script>
<input type="text" name="txt1" id="txt1" />&nbsp;<input type="button" value="search" id="searchBtn" />
<div id="a" rel="all">
<input type="text" name="txt2" id="txt2" /><br />
<input type="text" name="txt3" id="txt3" />
</div>
<div id="b" rel="all">
<input type="text" name="txt4" id="txt4" /><br />
<input type="text" name="txt5" id="txt5" />
</div>
<div id="c" rel="all">
<input type="text" name="txt6" id="txt6" /><br />
<input type="text" name="txt7" id="txt7" />
</div>
<script>
$(document).ready(function(){
	$("div[rel='all']").hide();
});
$("#searchBtn").click(function(){
	if($("#txt1").val() == "hello")
		$("div#a").show();
	else 	if($("#txt1").val() == "boy")
			$("div#b").show();
		
});
</script>

<tr valign="baseline">
<td align="right" nowrap class="style49"><div align="left" class="style70"><span class="style49">ความคลาดเคลื่อน</span></div></td>
<td colspan="10" class="style62 style62"><input type="text" name="eventcode2" id="eventcode" size="75" onChange="chkprefix();">
<input name="eventcode" type ="hidden" id="event_id" value="" /> <input type="button" value="กดปุ่มนี้เพื่อกรอกข้อมูลต่อ" id="searchBtn" />

<script type="text/javascript">
function make_autocom(autoObj,showObj){
var mkAutoObj=autoObj;
var mkSerValObj=showObj;
new Autocomplete(mkAutoObj, function() {
this.setValue = function(id) {
document.getElementById(mkSerValObj).value = id;
}
if ( this.isModified )
this.setValue("");
if ( this.value.length < 1 && this.isNotClick )
return ;
return "data_event.php?q=" +encodeURIComponent(this.value);
});
}

// การใช้งาน
// make_autocom(" id ของ input ตัวที่ต้องการกำหนด "," id ของ input ตัวที่ต้องการรับค่า");
make_autocom("eventcode","event_id");
</script>

<script>
function chkprefix(){
obj = document.form1.event_id;
for(var i=0;i < obj.options.length;i++){
if (obj.options[i].selected){
if((obj.options[i].value == "1")||(obj.options[i].value == "2")||(obj.options[i].value == "3")||(obj.options[i].value == "4")||(obj.options[i].value == "73")||(obj.options[i].value == "104")){
document.getElementById('LayerDrugall').style.display="";
}else{
document.getElementById('LayerDrugall').style.display="none";
}
}
}

}
</script> </td>
</tr>
<tr class="style5">
<td colspan="10" bgcolor="#FFF7E7" class="style5"><div id="LayerDrugall" rel="all" style="display:">
<table width="845" border="0" bgcolor="#FFFF66">
<tr>
<td width="350" class="style61"><div align="right">ยาที่ผู้ป่วยมีประวัติแพ้</div></td>
<td width="709"><span class="field">
<input type="text" name="drugallhx" id="drugallhx" size="80" maxlength="80" />
<input name="drugallhx" type="hidden" id="drug_id1" value="" />

<script type="text/javascript">
function make_autocom(autoObj,showObj){
var mkAutoObj=autoObj;
var mkSerValObj=showObj;
new Autocomplete(mkAutoObj, function() {
this.setValue = function(id) {
document.getElementById(mkSerValObj).value = id;
}
if ( this.isModified )
this.setValue("");
if ( this.value.length < 1 && this.isNotClick )
return ;
return "data_drug.php?q=" +encodeURIComponent(this.value);
});
}

// การใช้งาน
// make_autocom(" id ของ input ตัวที่ต้องการกำหนด "," id ของ input ตัวที่ต้องการรับค่า");
make_autocom("drugallhx","drug_id1");
</script>
</span></td>
</tr>
<tr>
<td class="style61"><div align="right">ยาที่แพทย์สั่ง</div></td>
<td><span class="field">
<input type="text" name="drugallprsc" size="80" maxlength="80" id="drugallprsc" />
<input name="drugallprsc" type="hidden" id="drug_id2" value="" />

<script type="text/javascript">
function make_autocom(autoObj,showObj){
var mkAutoObj=autoObj;
var mkSerValObj=showObj;
new Autocomplete(mkAutoObj, function() {
this.setValue = function(id) {
document.getElementById(mkSerValObj).value = id;
}
if ( this.isModified )
this.setValue("");
if ( this.value.length < 1 && this.isNotClick )
return ;
return "data_drug.php?q=" +encodeURIComponent(this.value);
});
}

// การใช้งาน
// make_autocom(" id ของ input ตัวที่ต้องการกำหนด "," id ของ input ตัวที่ต้องการรับค่า");
make_autocom("drugallprsc","drug_id2");
</script>

</span></td>
</tr>
</table>
</div></td>
</tr>

<tr valign="baseline">
<td colspan="10" bgcolor="#FFF7E7" class="style5"><div id="LayerCrossdrugall" rel="all">
<table width="845" border="0" bgcolor="#FFFF66">
<tr>
<td width="350" class="style61"><div align="right">ยาที่ผู้ป่วยมีประวัติแพ้</div></td>
<td width="709"><span class="field">
<input type="text" name="crossdrugallhx" id="crossdrugallhx" size="80" maxlength="80" />
<input name="crossdrugallhx" type="hidden" id="crossdrug_id1" value="" />

<script type="text/javascript">
function make_autocom(autoObj,showObj){
var mkAutoObj=autoObj;
var mkSerValObj=showObj;
new Autocomplete(mkAutoObj, function() {
this.setValue = function(id) {
document.getElementById(mkSerValObj).value = id;
}
if ( this.isModified )
this.setValue("");
if ( this.value.length < 1 && this.isNotClick )
return ;
return "data_drug.php?q=" +encodeURIComponent(this.value);
});
}

// การใช้งาน
// make_autocom(" id ของ input ตัวที่ต้องการกำหนด "," id ของ input ตัวที่ต้องการรับค่า");
make_autocom("crossdrugallhx","crossdrug_id1");
</script>
</span></td>
</tr>
<tr>
<td class="style61"><div align="right">ยาที่แพทย์สั่งแพ้ข้ามกัน</div></td>
<td><span class="field">
<input type="text" name="crossdrugallprsc" size="80" maxlength="80" id="crossdrugallprsc" />
<input name="crossdrugallprsc" type="hidden" id="crossdrug_id2" value="" />

<script type="text/javascript">
function make_autocom(autoObj,showObj){
var mkAutoObj=autoObj;
var mkSerValObj=showObj;
new Autocomplete(mkAutoObj, function() {
this.setValue = function(id) {
document.getElementById(mkSerValObj).value = id;
}
if ( this.isModified )
this.setValue("");
if ( this.value.length < 1 && this.isNotClick )
return ;
return "data_drug.php?q=" +encodeURIComponent(this.value);
});
}

// การใช้งาน
// make_autocom(" id ของ input ตัวที่ต้องการกำหนด "," id ของ input ตัวที่ต้องการรับค่า");
make_autocom("crossdrugallprsc","crossdrug_id2");
</script>

</span></td>
</tr>
</table>
</div></td>
</tr>

<tr valign="baseline">
<td colspan="10" bgcolor="#FFF7E7" class="style5"><div id="LayerDrugintx" rel="all">
<table width="845" border="0" bgcolor="#FFFF66">
<tr>
<td width="352" class="style61"><div align="right">คู่ยาที่เกิด DI : 1</div></td>
<td width="710"><span class="field">
<input type="text" name="drugintx1" size="80" maxlength="80" id="drugintx1" />
<input name="drugintx1" type="hidden" id="drugintx_id1" value="" />

<script type="text/javascript">
function make_autocom(autoObj,showObj){
var mkAutoObj=autoObj;
var mkSerValObj=showObj;
new Autocomplete(mkAutoObj, function() {
this.setValue = function(id) {
document.getElementById(mkSerValObj).value = id;
}
if ( this.isModified )
this.setValue("");
if ( this.value.length < 1 && this.isNotClick )
return ;
return "data_drug.php?q=" +encodeURIComponent(this.value);
});
}

// การใช้งาน
// make_autocom(" id ของ input ตัวที่ต้องการกำหนด "," id ของ input ตัวที่ต้องการรับค่า");
make_autocom("drugintx1","drugintx_id1");
</script>

</span></td>
</tr>
<tr>
<td class="style61"><div align="right">คู่ยาที่เกิด DI : 2</div></td>
<td><span class="field">
<input type="text" name="drugintx2" size="80" maxlength="80" id="drugintx2" />
<input name="drugintx2" type="hidden" id="drugintx_id2" value="" />

<script type="text/javascript">
function make_autocom(autoObj,showObj){
var mkAutoObj=autoObj;
var mkSerValObj=showObj;
new Autocomplete(mkAutoObj, function() {
this.setValue = function(id) {
document.getElementById(mkSerValObj).value = id;
}
if ( this.isModified )
this.setValue("");
if ( this.value.length < 1 && this.isNotClick )
return ;
return "data_drug.php?q=" +encodeURIComponent(this.value);
});
}

// การใช้งาน
// make_autocom(" id ของ input ตัวที่ต้องการกำหนด "," id ของ input ตัวที่ต้องการรับค่า");
make_autocom("drugintx2","drugintx_id2");
</script>


</span></td>
</tr>
</table>
</div></td>
</tr>
<tr valign="baseline">
<td colspan="10" bgcolor="#FFF7E7" class="style5"><div id="LayerAbbrdrug" rel="all">
<table width="845" border="0" bgcolor="#FFFF66">
<tr>
<td class="style61"><div align="right">คำย่อของชื่อยา</div></td>
<td><span class="field">
<input type="text" name="abbrdrug" size="20" maxlength="20" id="abbrdrug" />
</span></td>
</tr>
<tr>
<td width="352" class="style61"><div align="right">ชื่อยาที่ต้องการ</div></td>
<td width="711"><span class="field">
<input type="text" name="abbrdrugfull" size="80" maxlength="80" id="abbrdrugfull" />
<input name="abbrdrugfull" type="hidden" id="abbrdrugfull_id" value="" />
<script type="text/javascript">
function make_autocom(autoObj,showObj){
var mkAutoObj=autoObj;
var mkSerValObj=showObj;
new Autocomplete(mkAutoObj, function() {
this.setValue = function(id) {
document.getElementById(mkSerValObj).value = id;
}
if ( this.isModified )
this.setValue("");
if ( this.value.length < 1 && this.isNotClick )
return ;
return "data_drug.php?q=" +encodeURIComponent(this.value);
});
}

// การใช้งาน
// make_autocom(" id ของ input ตัวที่ต้องการกำหนด "," id ของ input ตัวที่ต้องการรับค่า");
make_autocom("abbrdrugfull","abbrdrugfull_id");
</script>
</span></td>
</tr>
</table>
</div></td>
</tr>
<tr valign="baseline">
</tr>

<script>
$(document).ready(function(){
$("div[rel='all']").hide();
});
$("#searchBtn").click(function(){
if($("eventcode").val() == "1")
$("div#LayerDrugall").show();
else if($("#eventcode").val() == "2")
$("div#LayerAbbrdrug").show();

});
</script>

<tr valign="baseline">
<td align="right" nowrap class="style49"><div align="left"></div></td>
<td colspan="2" class="style62 style62"><script type="text/javascript">

<script>function chkprefix(){
obj = document.form1.event_id;
for(var i=0;i < obj.options.length;i++){
if (obj.options[i].selected){
if((obj.options[i].value == "1")||(obj.options[i].value == "2")||(obj.options[i].value == "3")||(obj.options[i].value == "4")||(obj.options[i].value == "73")||(obj.options[i].value == "104")){
document.getElementById('LayerDrugall').style.display="";
}else{
document.getElementById('LayerDrugall').style.display="none";
}
}
}
}
</script>