|
 |
| |
add และ delete input text ผมอยากทำแบบรูปที่แนบมาน่ะครับ แบบให้มัน add และ delete input text ได้น่ะครับ |
| |
 |
|
|
 |
 |
|
เอามาจาก 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 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ขอบคุณมากเลยครับ ผมขอถามต่อหน่อยครับ แล้วแบบนี้เวลาเราจะส่งค่าไปเซฟในฐานข้อมูล เราจะต้องส่งอย่างไงครับ
|
| |
|
|
| |
| Date :
2010-06-04 16:40:02 |
By :
pp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
จาก 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 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<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.2 ดูแล้วครับ แต่ของผมที่ต้องการคือตามรูป ผมจะต้องเขียนเพิ่มเติมในส่วนไหนครับให้ออกมาหน้าตาเหมือนรูปที่แนบมาน่ะครับ
|
| |
|
|
| |
| Date :
2010-06-04 17:05:50 |
By :
pp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แก้ตามนี้ แต่ว่า ช่อง 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 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณมากครับคุณ heng ที่ช่วยแนะนำ แต่ที่ผมต้องการจริง ๆ คือแบบว่าสร้างรูปแบบ default ไว้ ตามรูปที่แนบมาน่ะครับ แล้วพอกดปุ่ม + ก็ให้เพิ่มขึ้นมาทีละ 5 column พอกดปุ่ม - ก็ให้ลบไปทีละ 5 column เช่นกันครับ ผมต้องเขียนเพิ่มอย่างไงครับ
|
| |
|
|
| |
| Date :
2010-06-07 11:12:29 |
By :
pp |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
