Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเรื่องการใส่ select box ภายใน function ทำคล้ายๆ กับการ กด เพิ่ม text field ครับ

สอบถามเรื่องการใส่ select box ภายใน function ทำคล้ายๆ กับการ กด เพิ่ม text field ครับ

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

Cop

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

Code (PHP)

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript">
        $(function(){
            $(".plus").click(function(){
                var objplus ='<div class="Sub"><select name="loc_name[]"></select> <input name="AddSub" type="button" value="x" class="close"/></div>';
                var obj = $(this).parent();
                obj.parent().append(objplus);
                $(".close").click(function(){
                    $(this).parent().remove();
                });
            });
        });
        </script>
    </head>
    <body>
        <?
            include "connect.php";

            if(isset($_GET['submit'])){

            for($i=0;$i<count($_GET["loc_name"]);$i++)
                {
                    $loc_name = $_GET['loc_name'][$i];

                    $sql = "INSERT INTO location (loc_name) VALUES ('$loc_name')";
                    $result = mysql_query($sql);
                }
            }
        ?>
        <form name="frmMain" action="<?php $_SERVER['PHP_SELF']?>">
            <table>
                <tr>
                    <td>CREATOR</td>
                    <td>
                        <div>
                            <select name="loc_name[]">
                                    <option value=""> - SELECT - </option>
                                    <?php
                                    $sql = "SELECT * FROM personnel";
                                    $result = mysql_query($sql);
                                        while($show = mysql_fetch_array($result)){
                                    ?>
                                    <option value="<?=$show['per_id']?>"><?=$show['per_prefix']?> <?=$show['per_name']?></option>';
                                    <? } ?>
                            </select>
                            <input name="AddSub" type="button" value="+" class="plus"/>
                        </div>
                            <input type="hidden" value="" name="loc_id"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="submit" name="submit" value=" บันทึก "/>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

คือช่องแรกมันแสดงขึ้นมาได้ แต่พอกด + แล้วมันไม่แสดงข้อมูลขึ้นมา
คิดว่ามันน่าจะใส่ตรง functiion แต่มันก็ไม่ได้ซักที
ข้อมูลจะแสดงให้เลือกเหมือนกับ ช่องแรกครับ จาก table เดียวกัน
ขอบคุณครับ

Tag : PHP

ประวัติการแก้ไข
2014-03-06 07:16:05
2014-03-06 07:17:34

Date : 2014-03-06 07:13:08

By : sabaitip

View : 800

Reply : 4

No. 1

Krungsri

โพสกระทู้ ( 1,521 )
บทความ ( 2 )

Code (JavaScript)

<script type="text/javascript">
$(function(){
	$(".plus").click(function(){
		var objplus = $('select[name^=loc_name]:first-child').clone();
		var obj = $(this).parent();
		obj.parent().append(objplus);
		$(".close").click(function(){
			$(this).parent().remove();
		});
	});
});
</script>

Date : 2014-03-06 10:55:24

By : Krungsri

No. 2

Cop

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

ขอบคุณครับพี่

แต่ติดอีกนิดครับ คือ ปุ่ม X ไม่แสดงอ่ะครับ ตอนนี้เพิ่มได้ แต่ลบไม่ได้ครับ

หาย

Date : 2014-03-06 11:33:05

By : sabaitip

No. 3

Krungsri

โพสกระทู้ ( 1,521 )
บทความ ( 2 )

Code (JavaScript)

<script type="text/javascript">
$(function(){
	$(".plus").click(function(){
		var sub = $('<div class="Sub"></div>');
		var objplus = $('select[name^=loc_name]:first-child').clone();
		var btdel = $('<input name="close" type="button" value="x"/>').click(function(){
			$(this).parent().remove();
		});
		btdel.appendTo(sub);
		objplus.appendTo(sub);
		var obj = $(this).parent();
		obj.parent().append(sub);
	});
});
</script>

Date : 2014-03-06 12:18:53

By : Krungsri

No. 4

Cop

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

ขอบคุณครับพี่

Date : 2014-03-06 13:27:21

By : sabaitip

ค้นหาข้อมูล

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

Re : สอบถามเรื่องการใส่ select box ภายใน function ทำคล้ายๆ กับการ กด เพิ่ม text field ครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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