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 > add และ delete input text ผมอยากทำแบบรูปที่แนบมาน่ะครับ แบบให้มัน add และ delete input text ได้น่ะครับ


add และ delete input text ผมอยากทำแบบรูปที่แนบมาน่ะครับ แบบให้มัน add และ delete input text ได้น่ะครับ

 
Topic : 043636

Guest



ผมอยากทำแบบรูปที่แนบมาน่ะครับ แบบให้มัน add และ delete input text ได้น่ะครับ พอกดตรงเครื่องหมาย + ก็ให้เพิ่ม พอกดตรงเครื่องหมาย - ก็ลบ ออกน่ะครับ ผมต้องเขียน code อย่างไงครับ

add+delete input text



Tag : - - - -
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-06-04 16:07:42 By : pp View : 1197 Reply : 8
 

 

No. 1

Guest


https://www.thaicreate.com/php/forum/043589.html << ดูในกระทู้นี้ครับ พี่เดี่ยวเขียนไว้เป็นตัวอย่าง
Date : 2010-06-04 16:15:39 By : ความรู้เท่าหางอึ่ง
 

 

No. 2

Guest


เอามาจาก thaicreate นะ แต่ไม่รู้อยู่หน้าไหน ขออนุญาติเอามาวางอ่ะ

<script language="javascript">
function fncCreateElement(){

var mySpan = document.getElementById('mySpan');

var myLine = document.getElementById('hdnLine');
myLine.value++;

var myElement1 = document.createElement('input');
myElement1.setAttribute('type',"text");
myElement1.setAttribute('name',"text1[]");
myElement1.setAttribute('id',"fil"+myLine.value);
mySpan.appendChild(myElement1);

// Create <br>
var myElement2 = document.createElement('<br>');
myElement2.setAttribute('id',"br"+myLine.value);
mySpan.appendChild(myElement2);
}

function fncDeleteElement(){

var mySpan = document.getElementById('mySpan');

var myLine = document.getElementById('hdnLine');

if(myLine.value > 1 )
{

// Remove input file
var deleteEle = document.getElementById("fil"+myLine.value);
mySpan.removeChild(deleteEle);

// Remove <br>
var deleteBr = document.getElementById("br"+myLine.value);
mySpan.removeChild(deleteBr);

myLine.value--;
}
}
</script>

<form action="php_multiple_upload2.php" method="post" name="form1" enctype="multipart/form-data">
<input type="text" name="text1[]">
<input name="btnCreate" type="button" value="+" onClick="JavaScript:fncCreateElement();">
<input name="btnDelete" type="button" value="-" onClick="JavaScript:fncDeleteElement();"><br>
<span id="mySpan"></span>
<input id="hdnLine" name="hdnLine" type="hidden" value="1">
<input name="btnSubmit" type="submit" value="Submit">
</form>
Date : 2010-06-04 16:15:48 By : heng
 

 

No. 3

Guest


ขอบคุณมากเลยครับ ผมขอถามต่อหน่อยครับ แล้วแบบนี้เวลาเราจะส่งค่าไปเซฟในฐานข้อมูล เราจะต้องส่งอย่างไงครับ
Date : 2010-06-04 16:40:02 By : pp
 

 

No. 4

Guest


จาก No. 2
Code (PHP)
<?
for($k=0; $k<count($text1);$k++)
{
$text_name = $text1[$k];  // เอาตัวแปรนี้ไปเซฟเลย
echo "text ".($k+1)." = ".$text_name."<br>";
}
?>

Date : 2010-06-04 16:48:58 By : heng
 

 

No. 5

Guest


<input type="text" name="text1[]"> ทำเป็นarray เลยครับ


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>Untitled Document</title>

</head>

<body> 
<?php if (empty($_POST)){ ?>


<form id="form1" name="form1" method="post" action="">
  <p>
    <label for="textfield"></label>
    <input type="text" name="txt[]" id="textfield" />
  </p>
  <p>
    <input type="text" name="txt[]" id="textfield2" />
  </p>
  <p>
    <input type="text" name="txt[]" id="textfield3" />
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Submit" />
  </p>
</form>
<?php } else { ?>

<?php 

$txt = $_POST['txt'];

foreach($txt as $value):

echo $value;

endforeach;

?>

<?php } ?>
</body>
</html>

Date : 2010-06-04 16:55:32 By : ความรู้เท่าหางอึ่ง
 

 

No. 6

Guest


ขอคุณสำหรับทุกคำตอบเลยครับ ตอนนี้ผมลองทำตาม No.2 ดูแล้วครับ แต่ของผมที่ต้องการคือตามรูป ผมจะต้องเขียนเพิ่มเติมในส่วนไหนครับให้ออกมาหน้าตาเหมือนรูปที่แนบมาน่ะครับ
Date : 2010-06-04 17:05:50 By : pp
 

 

No. 7

Guest


แก้ตามนี้ แต่ว่า ช่อง textbox จะติดกันนะ

<script language="javascript">
function fncCreateElement(){

var mySpan = document.getElementById('mySpan');

var myLine = document.getElementById('hdnLine');
myLine.value++;

var myElement1 = document.createElement('input');
myElement1.setAttribute('type',"text");
myElement1.setAttribute('name',"text1[]");
myElement1.setAttribute('id',"fil"+myLine.value);
mySpan.appendChild(myElement1);

// Create <br>
var myElement2 = document.createElement('<br>');
myElement2.setAttribute('id',"br"+myLine.value);
//mySpan.appendChild(myElement2);
}

function fncDeleteElement(){

var mySpan = document.getElementById('mySpan');

var myLine = document.getElementById('hdnLine');

if(myLine.value > 1 )
{

// Remove input file
var deleteEle = document.getElementById("fil"+myLine.value);
mySpan.removeChild(deleteEle);

// Remove <br>
var deleteBr = document.getElementById("br"+myLine.value);
mySpan.removeChild(deleteBr);

myLine.value--;
}
}
</script>

<form action="php_multiple_upload2.php" method="post" name="form1" enctype="multipart/form-data">
<input type="text" name="text1[]">
<span id="mySpan"></span>
<input name="btnCreate" type="button" value="+" onClick="JavaScript:fncCreateElement();">
<input name="btnDelete" type="button" value="-" onClick="JavaScript:fncDeleteElement();"><br>
<input id="hdnLine" name="hdnLine" type="hidden" value="1">
<input name="btnSubmit" type="submit" value="Submit">
</form>
Date : 2010-06-04 17:37:17 By : heng
 

 

No. 8

Guest


ขอบคุณมากครับคุณ heng ที่ช่วยแนะนำ แต่ที่ผมต้องการจริง ๆ คือแบบว่าสร้างรูปแบบ default ไว้ ตามรูปที่แนบมาน่ะครับ แล้วพอกดปุ่ม + ก็ให้เพิ่มขึ้นมาทีละ 5 column พอกดปุ่ม - ก็ให้ลบไปทีละ 5 column เช่นกันครับ ผมต้องเขียนเพิ่มอย่างไงครับ
Date : 2010-06-07 11:12:29 By : pp
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : add และ delete input text ผมอยากทำแบบรูปที่แนบมาน่ะครับ แบบให้มัน add และ delete input text ได้น่ะครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 อัตราราคา คลิกที่นี่