|
 |
| |
Textinput และ Textarea ผมต้องการสร้าง textinput เพื่อรับค่า แล้วก็มีปุ่ม Add สำหรับเอาไว้กด แล้วให้ค่าที่กรอกนั้น ไปโชว์ใน textarea น่ะครับ |
| |
 |
|
|
 |
 |
|
ที่ผมคิดไว้นะครับคุณต้องสร้างอีกหน้าเพื่อไปเก็บค่าในช่อง แล้วให้ textarea นั้นแสดงค่าจากอีกหน้ามา
|
 |
 |
 |
 |
| Date :
2010-06-14 11:37:27 |
By :
Dragons_first |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
พอจะมีตัวอย่างไหมครับ
|
| |
|
|
| |
| Date :
2010-06-14 11:38:10 |
By :
joke |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<!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>
<script type="text/javascript">
function sentToTextarea() {
var output = document.getElementById('input').value;
document.getElementById('output').value = output;
}
</script>
</head>
<body>
<!-- แบบที่ 1 -->
<input type="text" name="input" id="input" />
<input type="button" name="sentToTextarea" id="sentToTextarea" value="send" onclick="sentToTextarea();" /><br />
<textarea name="output" id="output"></textarea><br /><br /><br />
<!-- แบบที่ 2 -->
<input type="text" name="input1" id="input1" />
<input type="button" name="sentToTextarea1" id="sentToTextarea1" value="send" onclick="document.getElementById('output1').value = document.getElementById('input1').value" /><br />
<textarea name="output1" id="output1"></textarea>
</body>
</html>
|
| |
|
|
| |
| Date :
2010-06-14 12:37:12 |
By :
DownsTream |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณมากเลยครับ คุณ DS_Ohm ที่ช่วยแนะนำน่ะครับ ผมรบกวนถามต่อหน่อยได้ไหมครับ ถ้าผมต้องการแบบว่ากรอกข้อมูลแล้วพอกด add ก็ไปเพิ่ม แล้วกรอกอีกที กด add ก็ไปเพิ่มต่อท้ายไปเรื่อย ๆ ผมต้องเขียนอย่างไงครับ
ตัวอย่างเช่น
ครั้งแรกกรอก test01 กด Add ก็ไปโชว์ ที่ textarea
ครั้งสองกรอก test02 กด Add ก็ไปโชว์ ที่ textarea แต่ต่อท้าย test01 น่ะครับ
ครั้งสามกรอก test03 กด Add ก็ไปโชว์ ที่ textarea แต่ต่อท้าย test02 น่ะครับ
|
| |
|
|
| |
| Date :
2010-06-14 13:09:29 |
By :
joke |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ตอนนี้ผมเขียนให้มันสามารถ add ต่อกันได้แล้วครับ แต่ติดปัญหาที่ว่า จะทำอย่างไงให้ข้อมูลที่แสดงใน textarea มันแสดงคนละบรรทัดกันน่ะครับ ด้านล่างเป็น code ที่ผมลองเขียนครับ
Code (PHP)
<script language="javascript" type="text/javascript">
function addtext() {
var newtext = document.myform.inputtext.value;
document.myform.outputtext.value += newtext;
}
</script>
<form name="myform">
<input name="inputtext"></td>
<input type="button" value="Add New Text" onClick="addtext();">
<br><br>
<textarea name="outputtext"></textarea>
</form>
|
| |
|
|
| |
| Date :
2010-06-15 11:25:25 |
By :
joke |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<script language="javascript" type="text/javascript">
function addtext() {
var newtext = document.myform.inputtext.value;
document.myform.outputtext.value += newtext+'\n';
document.myform.inputtext.value = '';
}
</script>
<form name="myform">
<input name="inputtext"></td>
<input type="button" value="Add New Text" onClick="addtext();">
<br><br>
<textarea name="outputtext"></textarea>
</form>
|
| |
|
|
| |
| Date :
2010-06-15 11:54:33 |
By :
DownsTream |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณมากเลยครับ แล้วถ้าผมอยากจะเพิ่มมาอีก 1 ปุ่ม คือปุ่ม สำหรับเคลียร์ค่าใน textarea ล่ะครับ เวลาผมกรอกข้อมูลไปแล้วแต่จะไม่เอาข้อมูลชุดนี้ ก็ให้กดปุ่มเคลียร์แล้วค่าใน textarea หายไปน่ะครับ
|
| |
|
|
| |
| Date :
2010-06-15 13:20:37 |
By :
joke |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
รบกวนถามต่อค่ะ ทำแบบข้างบนได้แล้ว เปลี่ยนจาก "\n" เป็น "," ผลลัพทธ์ก็ออกแล้วค่ะ แต่ถ้าไม่ต้องการเพิ่มข้อมูล จากโคดตัวสุดท้ายยังมี comma อยู่ จะทำยังงัยให้ comma หลังตัวสุดท้ายหายไปค่ะ
Code (PHP)
<script language="javascript" type="text/javascript">
function addtext() {
var newtext = document.email.inputtext.value;
document.email.outputtext.value += newtext+',';
document.email.inputtext.value = '';
}
</script>
<form name="email">
<input name="inputtext"></td>
<input type="button" value="Add New Text" onClick="addtext();">
<br><br>
<textarea name="outputtext"></textarea>
</form>
ตอนนี้ผลลัพธ์ที่ได้คือ
PHP, Asp, VB, JS,
แต่ต้องการให้เป็นแบบนี้ค่ะ
PHP, Asp, VB, JS
|
ประวัติการแก้ไข
2012-01-18 16:38:57
2012-01-18 16:41:18
| |
|
|
| |
| Date :
2012-01-18 16:36:35 |
By :
ii-beer |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ปรับจากของพี่ DownsTream นะครับ
Code (PHP)
<script language="javascript" type="text/javascript">
function addtext() {
var newtext = document.email.inputtext.value;
var outText = document.email.outputtext.value;
var myComma ='';
if(outText !=''){
myComma = ',';
}
document.email.outputtext.value += myComma+newtext;
document.email.inputtext.value = '';
}
</script>
<form name="email">
<input name="inputtext"></td>
<input type="button" value="Add New Text" onClick="addtext();">
<br><br>
<textarea name="outputtext"></textarea>
</form>
|
| |
|
|
| |
| Date :
2012-01-18 17:16:30 |
By :
peterxp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ได้แล้วค่ะ ขอบคุณน่ะค่ะ
^_________^
|
| |
|
|
| |
| Date :
2012-01-19 09:18:47 |
By :
ii-beer |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
