Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > ส่ง argument ผ่าน javascript ใน innerHTML มีรูปแบบยังไงครับพี่ๆ

ส่ง argument ผ่าน javascript ใน innerHTML มีรูปแบบยังไงครับพี่ๆ

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

boy

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

Code (PHP)

<script language="JavaScript">
function showtest(arg_test){
	var testshow = document.getElementById(arg_test);
	alert(testshow.value);
}
function createElementTest(){
	var testcreate = document.getElementById('s1');
	testcreate.innerHTML = '<input name="x[]" id="x[]" type="text" value="test2"/><input name="bshow1" type="button" onclick="JavaScript:return showtest(\'x[]\')" value="show array x by javascript"/>';
}
</script>
<form action="test.php" method="get">
  <input name="x[]" id="x[]" type="text" value="test1"/>
  <input name="bshow" type="button" onclick="JavaScript:return showtest('x[]')" value="show array x by javascript"/>
  <p><span id="s1"></span>&nbsp;</p>
    <input name="bsubmit" type="button" value="Create Element" onclick="JavaScript:return createElementTest()"/>
</form>

จากบรรทัดนี้ครับ
testcreate.innerHTML = '<input name="x[]" id="x[]" type="text" value="test2"/><input name="bshow1" type="button" onclick="JavaScript:return showtest(\'x[]\')" value="show array x by javascript"/>';

ผมสร้าง textbox ขึ้นมาใหม่โดยใช้ชื่อในลักษณะ array คือ x[] แล้วหลังจากสร้างตรงนี้แล้ว มันจะเพิ่มค่าใน array ของ id โดยอัตโนมัติ ตัว textbox ตัวใหม่ก็จะมี id เป็น x[1] แต่ตรงนี้ onclick="JavaScript:return showtest(\'x[]\')" มันส่งค่า x[0] เข้าไป ซึ่งผมต้องการจะส่ง x[1] เข้าไปที่เป็นตัวสร้างขึ้นใหม่น่ะครับพี่ๆ

มันต้องเขียนตรงนี้ยังไงครับ

Tag : - - - -

Date : 2010-05-20 20:20:22

By : chamnanpol

View : 2103

Reply : 1

No. 1

TC Admin

โพสกระทู้ ( 74,059 )
บทความ ( 838 )

id มันเป็น array ไม่ได้ครับ id จะต้องไม่ซ้ำกันครับ ตัวอย่างการใส่ id ให้ element ครับ

Code (php_multiple_upload1.php)

<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<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',"file");
	   myElement1.setAttribute('name',"fileUpload[]");
	   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>
<body>
	<form action="php_multiple_upload2.php" method="post" name="form1" enctype="multipart/form-data">
		<input type="file" name="fileUpload[]">
		<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>
</body>
</html>

Code (php_multiple_upload2.php)

<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
	<?
		for($i=0;$i<count($_FILES["fileUpload"]["name"]);$i++)
		{
			if($_FILES["fileUpload"]["name"][$i] != "")
			{
				if(copy($_FILES["fileUpload"]["tmp_name"][$i],"ThaiCreate/".$_FILES["fileUpload"]["name"][$i]))
				{
					echo "Copy/Upload ".$_FILES["fileUpload"]["name"][$i]." completed.<br>";
				}
			}
		}
	?>
</body>
</html>

Date : 2010-05-21 08:14:16

By : webmaster

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ส่ง argument ผ่าน javascript ใน innerHTML มีรูปแบบยังไงครับพี่ๆ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); ส่ง argument ผ่าน javascript ใน innerHTML มีรูปแบบยังไงครับพี่ๆ

No. 1

ค้นหาข้อมูล

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

Notice

ส่ง argument ผ่าน javascript ใน innerHTML มีรูปแบบยังไงครับพี่ๆ