ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้
ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้


ช่วยหน่อยนะคะ เลือก select แล้วให้แสดงค่าใน textbox แบบเพิ่มบรรทัด

ถาม-ตอบ แนะนำไอเดีย โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ช่วยหน่อยนะคะ เลือก select แล้วให้แสดงค่าใน textbox แบบเพิ่มบรรทัด

ปัจจุบัน นักพัฒนาสามารถ ใช้ ChatGPT | Gemini | Claude | Perplexity | Deepseek ช่วยในการแก้ไขปัญหาต่างๆ ในการเขียนโปรแกรม หรือหาข้อมูลเพิ่มเติมได้ง่ายและสะดวก แนะนำให้ทุกคนใช้งานเพื่อพัฒนาศักยภาพของตัวเอง

ช่วยหน่อยนะคะ เลือก select แล้วให้แสดงค่าใน textbox แบบเพิ่มบรรทัด
เลือก select แล้วจะแสดงค่าใน textbox 
แต่พอเพิ่มบรรทัด อีกบรรทัด เมื่อเลือก select แล้ว ค่าใน textbox ไม่แสดงออกมาน่ะค่ะ ช่วยหน่อยนะคะ งมมาเป็นอาทิตย์แล้ว crying 


<?php
mysql_connect("localhost","root","");

mysql_select_db("mrk");

mysql_query("SET NAMES UTF8");
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  

<script type="text/javascript">

$(function(){
     
    $("#addRowcar").click(function(){  
        // ส่วนของการ clone ข้อมูลด้วย jquery clone() ค่า true คือ  
        // การกำหนดให้ ไม่ต้องมีการ ดึงข้อมูลจากค่าเดิมมาใช้งาน  
        // รีเซ้ตเป็นค่าว่าง ถ้ามีข้อมูลอยู่แล้ว ทั้ง select หรือ input  
        $(".firstTrcar:eq(0)").clone(true)   
        .find("input").attr("value","").end()  
        .find("select").attr("value","").end()  
        .appendTo($("#myTblcar"));  
    });  
    $("#removeRowcar").click(function(){  
        // // ส่วนสำหรับการลบ  
        if($("#myTblcar tr").size()>2){ // จะลบรายการได้ อย่างน้อย ต้องมี 1 รายการ  
            $("#myTblcar tr:last").remove(); // ลบรายการสุดท้าย  
        }else{  
            // เหลือ 1 รายการลบไม่ได้  
            alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");  
        }  
    }); 
	
	$(".in-qtycar").click(function(){
        $(this).select();   
    })
    $(".in-qtycar").keyup(function(){
        var indexObjcar=$(".in-qtycar").index(this);
        var qtycar=$(".in-qtycar").eq(indexObjcar).val();
        var pricecar=$(".carPrice").eq(indexObjcar).val();
        var amountcar=qtycar*pricecar;
        $(".in-amountcar").eq(indexObjcar).val(amountcar);       
         
        var totalAmountcar=0;
        $(".in-amountcar").each(function(i,k){  
            var qtycar=$(".in-qtycar").eq(i).val();  
            var pricecar=$(".carPrice").eq(i).val();  
            var amountcar=qtycar*pricecar;  
            $(".in-amountcar").eq(i).val(amountcar);
            totalAmountcar+=amountcar;  
        });     
        $(".in-amount-totalcar").val(totalAmountcar);     
    });
     
     
    // // ส่วนนี้ เป็นการแสดง รวม ค่าในช่อง in-amount 
    var totalAmountcar=0;
    $(".in-amountcar").each(function(i,k){  
        var qtycar=$(".in-qtycar").eq(i).val();  
        var pricecar=$(".carPrice").eq(i).val();  
        var amountcar=qtycar*pricecar;  
        $(".in-amountcar").eq(i).val(amountcar);
        totalAmountcar+=amountcar;  
    });     
    $(".in-amount-totalcar").val(totalAmountcar);
});

</script>
<!------------------------------------------------------------------------------------------->
<script language="JavaScript">
	function resutcar(carID)
	{
		switch(carID)
		{
			<?php
			$strSQLcar = "SELECT * FROM car ORDER BY carID ASC";
			$objQuerycar = mysql_query($strSQLcar);
			while($objResultcar = mysql_fetch_array($objQuerycar))
			{
			?>
				case "<?php echo $objResultcar["carID"];?>":
				frmMain.carPrice.value = "<?php echo $objResultcar["carPrice"];?>";
				break;
			<?php
			}
			?>
			default:
			 frmMain.carPrice.value = "";
		}
	}
</script>

<!------------------------------------------------------------------------------------------->
<form method="post"  name="frmMain" action="index.php?module=user&action=insert-book" enctype="multipart/form-data">

<table width="100%" bordercolor="#FFCC66"><tr><td>
                <table id="myTblcar" width="100%" >            
                    <tr><th>เลือกรถ</th><th>ราคา</th><th>จำนวน</th><th>ราคารวม</th></tr>
                    
                    <tr bgcolor="#FFFFFF" align="center"  class="firstTrcar">
                    
                    <td><select name="carID[]" OnChange="resutcar(this.value);">
        <option value=""><<-----เลือกรถ----->></option>

			<?php
			$strSQLcar = "SELECT * FROM car ORDER BY carID ASC";
			$objQuerycar = mysql_query($strSQLcar);
			while($objResultcar = mysql_fetch_array($objQuerycar))
			{
			?>
			<option value="<?php echo $objResultcar["carID"];?>"><?php echo $objResultcar["carName"];?></option>
			<?php
			}
			?>
        </select></td>
                    <td><input type='text' name='carPrice' class="carPrice" value=""></td>
                    <td><input type='text' name='in-qtycar[]' class="in-qtycar"></td>
                    <td><input type='text' name='in-amountcar[]' class="in-amountcar" ></td>
                    </tr>
                    
                </table>
                </td></tr>
                <tr><td align="right">ราคารวมรถทั้งหมด &nbsp;&nbsp;<input type='text' name='in-amount-totalcar[]' class="in-amount-totalcar" ></td></tr>
                <tr><td>
                <table align="center" width="95%"> 
                 
              <tr align="right">  
                <td>  
                <button style="background-color:#FF6; height:25; width:25; font-size:18px; border-radius:10px;" id="addRowcar" type="button">+</button>    
                 
                <button  style="background-color:#F63; height:25; width:25; font-size:18px; border-radius:10px;" id="removeRowcar" type="button">-</button>  
                &nbsp;  
                &nbsp;  
            </td>  
              </tr>  
            </table> 


Mali19 03-07-2017 01:29:47

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • CAPTCHA Image
    Play CAPTCHA Audio
    Refresh Image


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ต้องฝึก debug การทำงานของ javascript ดูเนื้อหานี้เป็นแนวทาง

การใช้งาน console log เพื่อ debug javascript ใน chrome firefox และ ie 
https://www.ninenik.com/content.php?arti_id=692 via @ninenik

ตรวจสอบการทำงานของ ฟังก์ชั่น resutcar() ว่าทำงานถูกหรือไม่ มีการส่งค่าหรือไม่
 


ninenik 03-07-2017






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ