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 รบกวนนะคะ

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

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

Date : 2013-04-05 11:11:23

By : เม

View : 3660

Reply : 13

No. 1

Genesis™

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

สมัครสมาชิกก่อนดีกว่าครับ เดี๋ยวแวะมาช่วย

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

Genesis™

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

ขอรายละเอียดชัดเจนนิดนึงครับ เดี๋ยวเขียน 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

Genesis™

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

รอซักครู่ครับ

Date : 2013-04-05 12:00:11

By : Ex-[S]i[L]e[N]t

No. 6

Genesis™

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

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

Genesis™

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

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

Genesis™

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

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

Genesis™

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

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 รบกวนนะคะ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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