Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ถามเรื่อง การใช้ javascript ในการ show/hide textbox กับ Select/Listmenu

ถามเรื่อง การใช้ javascript ในการ show/hide textbox กับ Select/Listmenu

เริ่มหัวข้อใหม่

prizzy

โพสกระทู้ ( 5 )
บทความ ( 0 )

ขอรบกวนถามเกี่ยวกับ การใช้ javascript ในการ show/hide textbox กับ Select/Listmenu อ่ะคะ พอดีว่าตอนนี้ javascript ที่ใช้มันทำงานแค่ row แรกคะ วพอ $i++ แล้วมันไม่ทำงานคะ ไม่ทราบว่าต้องไปเพิ่ม code ยังไงบ้าง รบกวนด้วยนะคะ ขอบคุณมากคะ

<html>
<head>
<title>select/listmenu</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script language="JavaScript" type="text/JavaScript">

function Show(sel){
var obj=document.getElementById('p'+sel.selectedIndex);
if (this.obj){
this.obj.style.display='none';
}
if (obj){
this.obj=obj;
obj.style.display='block';
}
}

</script>

<style type="text/css">

.hide {
display:none;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<form action="savemenu1.php" name="frmAdd" method="post">
<tr><td>.
<table width="80%" border="1"align= "center">
<tr>
<td> </td>
</tr>
<tr>
<td><p class="style4">เลือกจำนวนรายการ:
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
<?
for($i=1;$i<=100;$i++)
{
if($_GET["Line"] == $i)
{
$sel = "selected";
}
else
{
$sel = "";
}
?>
<option value="<?=$_SERVER["PHP_SELF"];?>?Line=<?=$i;?>" <?=$sel;?>>
<?=$i;?>
</option>
<?
}
?>
</select>
</p>
<table width="100%" border="1">
<tr>
<th width="50"> <div align="center" class="style4">ลำดับที่</div></th>
<th width="180"> <div align="center" class="style4">ชื่อ-สกุล</div></th>
<th width="130"> <div align="center" class="style4">ประเภทผู้ป่วย</div></th>
<th width="130"> <div align="center" class="style4">ประเภทอาหาร</div></th>
<th width="130"> <div align="center" class="style4">แพ้อาหาร (โปรดระบุ)</div></th>
<th width="70"> <div align="center" class="style4">สถานที่</div></th>
<th width="130"> <div align="center" class="style4">
หมายเหตุ (โปรดระบุ) เช่น อาหารอิสลาม
</div></th>
</tr>
<?
$line = $_GET["Line"];
if($line == 0){$line=1;}
for($i=1;$i<=$line;$i++)
{
?>
<tr>
<td><div align="center"><input type="text" name="number<?=$i;?>" size="5"></div></td>
<td><input type="text" name="name<?=$i;?>" size="25"></td>
<td><select name="ptype<?=$i;?>">
<option value="">เลือกประเภท</option>
<option value="รับอาหาร 2 มื้อ">รับอาหาร 2 มื้อ</option>
<option value="รับอาหาร 4 มื้อ">รับอาหาร 4 มื้อ</option>
</select></td>
<td><div align="center"><select id"foodtype" name="ftype<?=$i;?>" onchange="Show(this);">
<option value="">เลือกประเภทอาหาร</option>
<option value="เฉพาะโรค(โปรดระบุ)" >เฉพาะโรค(โปรดระบุ)</option>
<option value="ธรรมดา">ธรรมดา</option>
<option value="ธรรมดาย่อยง่าย">ธรรมดาย่อยง่าย</option>
<option value="อ่อน">อ่อน</option>
</select>

<p id="p1" class="hide" >
<input name="txtfoodtype<?=$i;?>" type="text" id="txtfoodtype" size="20" />
</p></div></td>
<td align="right"><input type="text" name="anti<?=$i;?>" size="22"></td>
<td align="right"><select name="place<?=$i;?>">
<option value="" selected>เลือกสถานที่</option>
<option value="ตึก">ตึก</option>
<option value="ฝ่ายโภชนาการ(บน)" >ฝ่ายโภชนาการ(บน)</option>
<option value="ฝ่ายโภชนาการ(ล่าง)">ฝ่ายโภชนาการ(ล่าง)</option>
</select></td>
<td align="right"><input type="text" name="remark<?=$i;?>" size="15"></td>
</tr>

<?
}
?>
</table>
<input type="submit" name="submit" value="บันทึกข้อมูล" id="submit">
<input type="hidden" name="hdnLine" value="<?=$i;?>"></td>
</tr>
</table></td></tr>

</form>
</body>
</html>

Tag : PHP, JavaScript

Date : 2011-03-03 17:36:34

By : lovezero

View : 2695

Reply : 2

No. 1

Guest

this.obj=obj;
obj.style.display='block';

// เพิ่มตรงนี้ด้วยครับ
obj.style.visibility = 'visible';

Date : 2011-03-03 17:51:10

By : mandy

No. 2

prizzy

โพสกระทู้ ( 5 )
บทความ ( 0 )

อ่อคะ ขอบคุณคะ

แต่แบบว่ามันขึ้นแค่ row เดียวอ่ะคะ

อยากให้ row อื่นเลือกแล้วขึ้น textbox ด้วยอ่ะคะ

Date : 2011-03-03 21:05:15

By : lovezero

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ถามเรื่อง การใช้ javascript ในการ show/hide textbox กับ Select/Listmenu

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02