Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > ทำยังไงไม่ให้ Page refresh หลังกดเลือก Dropdown List รบกวนนะคะ


ทำยังไงไม่ให้ Page refresh หลังกดเลือก Dropdown List รบกวนนะคะ

 
Topic : 093431

Guest



ตอนที่เลือก Dropdown ตรงระบุจำนวนผู้เข้าประชุม
มันจะรีเฟรชหน้าใหม่ให้ แล้วข้อมูลที่กรอกไว้ตรง text box ข้างบนจะหายไปหมดอะค่ะ


Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>รายงานการประชุม</title>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">

function CreateName(targ,selObj,restore){ 
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}


function CreaStory2()
{
var intLine = parseInt(document.form1.hdnMaxLine.value);
intLine++;
var theTable = document.all.tbExp2
var newRow = theTable.insertRow(theTable.rows.length)
newRow.id = newRow.uniqueID
var item = 1
var newCell
newCell = newRow.insertCell(0)
newCell.id = newCell.uniqueID
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<br><label for=\"textfield\">เรื่องที่ </label><INPUT TYPE=\"TEXT\" SIZE=\"10\" NAME=\"Row1_"+intLine+"\" VALUE=\"\"><br><br><textarea SIZE=\"20\" NAME=\"Row2_"+intLine+"\" cols=\"100\" rows=\"10\">"
document.form1.hdnMaxLine.value = intLine;
}
function CreateTerm()
{
var intLine = parseInt(document.form1.hdnMaxLine.value);
intLine++;
var theTable = document.all.tbExp2
var newRow = theTable.insertRow(theTable.rows.length)
newRow.id = newRow.uniqueID
var item = 1
var newCell
newCell = newRow.insertCell(0)
newCell.id = newCell.uniqueID
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<br><label for=\"textfield\">วาระที่ </label><INPUT TYPE=\"TEXT\" SIZE=\"10\" NAME=\"term_"+intLine+"\" VALUE=\"\"><label for=\"textfield\">เรื่อง </label><INPUT TYPE=\"TEXT\" SIZE=\"50\" NAME=\"storyTerm_"+intLine+"\" VALUE=\"\">"
document.form1.hdnMaxLine.value = intLine;
}
</script>
</head>

<body>
<center>
<p>
<form id="formfirst" name="formfirst" method="post" action="addPeople.php" >
  <p class="hidden"><br />
    <br />
    <br />
    <label for="reportMeeting">รายงานการประชุม</label>
    <input type="text" name="reportMeeting" size="40" id="textfield"/>
    <label for="theTime"><br />
      <br />
      ครั้งที่</label>
    <input type="text" name="theTime"size="4"  id="textfield2"/>
    <label for="be">/</label>
    <input type="text" name="be" size="10"  id="textfield3"/>
    &nbsp;
    <label for="textfield4"><br />
      <br />
      ณ วันที่ </label>
    <label for="ddmmyy"></label>
    <label for="select2"></label>
    <label for="select3"></label>
    <label>
      <input type="text" name="ddmmyy" id="textfield4"/>
    </label>
    &nbsp;&nbsp;
    <label for="building">อาคาร</label>
    <input name="building" type="text" id="textfield5" size="10" />
    &nbsp;
    <label for="floor">ชั้น</label>
    <input name="floor" type="text" id="textfield6" size="10" />
    <br>
    <br>
    เวลา
    <input name="startTime" type="text" id="textfield7" size="10" />
    <label for="endTime">-</label>
    <input name="endTime" type="text" id="textfield8" size="10" />
    น. </p>
  <p><br />
  </p>
  </p>
  <br />
  <br />
  <div align="left">ระบุจำนวนผู้เข้าประชุม : -
    <select name="menu1" onChange="CreateName('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>
  </div>
  <table width="600" border="0">
    <tr>
      <th width="160"> <div align="center">
          <p>ชื่อ </p>
        </div></th>
      <th width="160"> <div align="center">นามสกุล </div></th>
      <th width="160"> <div align="center">ตำแหน่ง </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="txtCustomerID<?=$i;?>" size="23">
        </div></td>
      <td><div align="center">
          <input type="text" name="txtName<?=$i;?>" size="23">
        </div></td>
      <td><div align="center">
          <input type="text" name="txtCountryCode<?=$i;?>" size="23">
        </div></td>
    </tr>
    <?
  }
  ?>
  </table>
  <p>
    <input type="hidden" name="hdnLine" value="<?=$i;?>">
  </p>
  <p><br />
    <input type="submit" name="submit" value="submit">
    <input type="reset" name="cancel" id="cancel" value="Reset" />
  </p>
</form>
</body>
</html>




Tag : PHP, HTML/CSS, JavaScript
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-04-05 11:11:23 By : เม View : 3715 Reply : 13
 

 

No. 1



โพสกระทู้ ( 4,171 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


สมัครสมาชิกก่อนดีกว่าครับ เดี๋ยวแวะมาช่วย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 11:18:19 By : Ex-[S]i[L]e[N]t
 

 

No. 2



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2013-04-05 11:18:19
รายละเอียดของการตอบ ::
^^!


ประวัติการแก้ไข
2013-04-05 11:27:58
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 11:27:31 By : imicyuchun
 

 

No. 3



โพสกระทู้ ( 4,171 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ขอรายละเอียดชัดเจนนิดนึงครับ เดี๋ยวเขียน code example ให้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 11:30:42 By : Ex-[S]i[L]e[N]t
 

 

No. 4



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



สถานะออฟไลน์


ฟอร์ม
ตอนแรกก็กรอกข้อมูลลงลง textbox ข้างบนก่อน
แล้วเลือกจำนวนผู้เข้าประชุม ตรง Dropdown (จะเพิ่ม textbox มาให้กรอกเพิ่มอะค่ะ)
แต่พอเลือก Dropdown มันรีเฟรชหน้า

ข้อมูลที่กรอกไว้ตอนแรกหายอะค่ะ

รบกวนหน่อยนะค่ะ T.T


ประวัติการแก้ไข
2013-04-05 11:41:31
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 11:40:35 By : imicyuchun
 

 

No. 5



โพสกระทู้ ( 4,171 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


รอซักครู่ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 12:00:11 By : Ex-[S]i[L]e[N]t
 

 

No. 6



โพสกระทู้ ( 4,171 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


Code (PHP)
เพิ่มผู้เข้าร่วมประชุม : 
<select id="selNum">
<? for($i=0;$i<5;$i++){?>
	<option value="<?=$i;?>"><?=$i;?></option>
<? } ?>
</select>
<br>
<span id="span"></span>

<script src="admin/module/inc/scripts/jquery-1.8.1.min.js"></script>
<script>
	$(document).ready(function(e) {
        $('#selNum').change(function(){
			var span=$('#span');
			for(i=1;i<=this.value;i++){
				var name=$('<input>').attr({type : 'text',name : 'name[]'});
				var lastname=$('<input>').attr({type : 'text',name : 'lastname[]'});
				var position=$('<input>').attr({type : 'text',name : 'position[]'});
				
				span.append('ชื่อ');
				span.append(name);
				span.append('นามสกุล');
				span.append(lastname);
				span.append('ตำแหน่ง');
				span.append(position);
				span.append('<br>');
			}	
		});
    });
</script>

ลองนำไป apply ดูครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 13:12:52 By : Ex-[S]i[L]e[N]t
 

 

No. 7



โพสกระทู้ ( 4,171 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


code พร้อมแสดงผล ลองทดสอบดูครับ
form.php
Code (PHP)
<form action="add_meeting.php" method="post">
เพิ่มผู้เข้าร่วมประชุม : 
<select id="selNum">
<? for($i=0;$i<5;$i++){?>
	<option value="<?=$i;?>"><?=$i;?></option>
<? } ?>
</select>
<br>
<span id="span"></span>
<br>
<input type="submit" value="ตกลง" />
</form>

<script src="admin/module/inc/scripts/jquery-1.8.1.min.js"></script>
<script>
	$(document).ready(function(e) {
        $('#selNum').change(function(){
			var span=$('#span');
			for(i=1;i<=this.value;i++){
				var name=$('<input>').attr({type : 'text',name : 'name[]'});
				var lastname=$('<input>').attr({type : 'text',name : 'lastname[]'});
				var position=$('<input>').attr({type : 'text',name : 'position[]'});
				
				span.append('ชื่อ');
				span.append(name);
				span.append('นามสกุล');
				span.append(lastname);
				span.append('ตำแหน่ง');
				span.append(position);
				span.append('<br>');
			}	
		});
    });
</script>


add_meeting.phpCode (PHP)
$name=$_POST['name'];
$lastname=$_POST['lastname'];
$position=$_POST['position'];
for($i=0;$i<=count($name);$i++){
     echo "ชื่อ".$name[$i]."นามสกุล".$lastname[$i]."ตำแหน่ง".$position[$i]."<br>";	
}



ประวัติการแก้ไข
2013-04-05 13:25:54
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 13:25:06 By : Ex-[S]i[L]e[N]t
 

 

No. 8



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



สถานะออฟไลน์


ขอลองดูก่อนนะคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 13:36:04 By : imicyuchun
 

 

No. 9



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 7 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2013-04-05 13:25:06
รายละเอียดของการตอบ ::
ตรงโค้ด >>code พร้อมแสดงผล ลองทดสอบดูครับ<< ลองดูแล้ว textbox ไม่ขึ้นอะคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 14:16:53 By : imicyuchun
 

 

No. 10



โพสกระทู้ ( 4,171 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


download jquery.min มาหรือยังครับ
http://jquery.com/


ประวัติการแก้ไข
2013-04-05 14:19:49
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 14:18:21 By : Ex-[S]i[L]e[N]t
 

 

No. 11



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



สถานะออฟไลน์


แบบนี้ปะคะ
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>รายงานการประชุม</title>

<script src="admin/module/inc/scripts/jquery-1.8.1.min.js"></script>
<script type="text/javascript">

$(document).ready(function(e) {
        $('#selNum').change(function(){
			var span=$('#span');
			for(i=1;i<=this.value;i++){
				var name=$('<input>').attr({type : 'text',name : 'name[]'});
				var lastname=$('<input>').attr({type : 'text',name : 'lastname[]'});
				var position=$('<input>').attr({type : 'text',name : 'position[]'});
				
				span.append('ชื่อ');
				span.append(name);
				span.append('นามสกุล');
				span.append(lastname);
				span.append('ตำแหน่ง');
				span.append(position);
				span.append('<br>');
			}	
		});
    });


</script>
</head>

<body>
<center>
<p>
<form id="formfirst" name="formfirst" method="post"  >
  <p class="hidden"><br />
    <br />
    <br />
    <label for="reportMeeting">รายงานการประชุม</label>
    <input type="text" name="reportMeeting" size="40" id="textfield"/>
    <label for="theTime"><br />
      <br />
      ครั้งที่</label>
    <input type="text" name="theTime"size="4"  id="textfield2"/>
    <label for="be">/</label>
    <input type="text" name="be" size="10"  id="textfield3"/>
    &nbsp;
    <label for="textfield4"><br />
      <br />
      ณ วันที่ </label>
    <label for="ddmmyy"></label>
    <label for="select2"></label>
    <label for="select3"></label>
    <label>
      <input type="text" name="ddmmyy" id="textfield4"/>
    </label>
    &nbsp;&nbsp;
    <label for="building">อาคาร</label>
    <input name="building" type="text" id="textfield5" size="10" />
    &nbsp;
    <label for="floor">ชั้น</label>
    <input name="floor" type="text" id="textfield6" size="10" />
    <br>
    <br>
    เวลา
    <input name="startTime" type="text" id="textfield7" size="10" />
    <label for="endTime">-</label>
    <input name="endTime" type="text" id="textfield8" size="10" />
    น. </p>

  <div align="left">
  ระบุจำนวนผู้เข้าประชุม : -
  <select id="selNum">
    <? for($i=0;$i<100;$i++){?>
    <option value="<?=$i;?>">
    <?=$i;?>
    </option>
    <? } ?>
  </select>
  <br>
  <span id="span"></span> <br>
  <p>
    <input type="submit" name="submit" value="submit">
    <input type="reset" name="cancel" id="cancel" value="Reset" />
  </p>
</form>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 14:41:35 By : imicyuchun
 

 

No. 12



โพสกระทู้ ( 4,171 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


<script src="admin/module/inc/scripts/jquery-1.8.1.min.js"></script>
คุณต้องไป download jquery-1.9.1 มาก่อนครับ และที่สำคัญ src path ให้ถูกต้อง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 14:47:31 By : Ex-[S]i[L]e[N]t
 

 

No. 13



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 12 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2013-04-05 14:47:31
รายละเอียดของการตอบ ::
ได้แล้วค่ะ ขอบคุณมากๆๆเลยค่ะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-05 15:07:45 By : imicyuchun
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ทำยังไงไม่ให้ Page refresh หลังกดเลือก Dropdown List รบกวนนะคะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่