PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum


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

ช่วยหน่อยนะคะ เลือก 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 IP: 180.183.152.xxx วันที่: 03-07-2017 เวลา: 01:29:47

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 1
ต้องฝึก debug การทำงานของ javascript ดูเนื้อหานี้เป็นแนวทาง

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

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


โดย:  Ninenik IP: 183.88.65.xxx วันที่: 03-07-2017