Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเรื่อง form เมื่อกด submit ให้อยู่ที่เดิมไม่รีเฟรชหน้าจอ

สอบถามเรื่อง form เมื่อกด submit ให้อยู่ที่เดิมไม่รีเฟรชหน้าจอ

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

ม้านิลมังกร

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

Code (PHP)

<form id="request" class="main_form" method="post">
                     <div class="row">
                        <div class="col-md-4">
                           <p>ความกว้าง</p>
                           <input name="n1" id="n1" class="form_control" placeholder="ความกว้าง" type="text"> 
                        </div>
                        <div class="col-md-4">
                           <p>ความยาว</p>
                           <input name="n2" id="n2" class="form_control" placeholder="ความยาว" type="text"> 
                        </div>
                        <div class="col-md-4">
                           <p>ความสูง</p>
                           <input name="n3" id="n3" class="form_control" placeholder="ความสูง" type="text">                          
                        </div>
                        <div class="col-md-12">
                           <button type="submit" class="send_btn">คำนวน</button>
                        </div>
                     </div>
                     
         <?php
               $n1 = $_POST['n1'] ; $n2 = $_POST['n2'] ; $n3 = $_POST['n3'];
               if ($n1 > 0) {
                     $sum = $n1 * $n2;
                 
               }if ($n3 > 0) {
                  
               }else{};
          ?>
        <div class="col-md-12">
          
            <?php  echo "$sum";?> <br> <?php  echo "$n3";?>

       </div>

                  </form>

อยากให้เมื่อกด submit แล้วแสดงข้อมูลเลย โดยที่ไม่ต้องรีเฟรชหน้าจอครับ ต้องใช้ code แบบไหนครับ ขอบคุณครับ

Tag : PHP

Date : 2024-09-04 13:15:37

By : lhumdin

View : 241

Reply : 3

No. 1

Chaidhanan

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

Code (PHP)

<form id="request" name="request_frm" action="prg.php" class="main_form" method="post" target="target_tag_id">
<input name="input_name" type="text" >
</form>
<div id="target_tag_id" ></form>
<script>
function js_function(xxx, yyy){
   form.request_frm.input_name.value=xxx;
}

PHP ตัวรับ prg.php ส่งค่ากลับเป็น javascript เรียกใช้ function()
Code (PHP)

echo "<script>่js_function(xxx, yyy)</script>

ประวัติการแก้ไข
2024-09-04 14:46:49

Date : 2024-09-04 14:41:37

By : Chaidhanan

No. 2

mr.v

โพสกระทู้ ( 4,756 )
บทความ ( 8 )

จำเป็นต้องส่งข้อมูลไป server มั้ย? เพราะดูเหมือนคำณวนธรรมดา ใช้ JS ทำล้วนๆก็ยังได้.

ตย. https://jsfiddle.net/jsLwvpy0/

Code

<form id="request" class="main_form" method="post">
    <div class="row">
        <div class="col-md-4">
            <p>ความกว้าง</p>
            <input name="n1" id="n1" class="form_control" placeholder="ความกว้าง" type="text">
        </div>
        <div class="col-md-4">
            <p>ความยาว</p>
            <input name="n2" id="n2" class="form_control" placeholder="ความยาว" type="text">
        </div>
        <div class="col-md-4">
            <p>ความสูง</p>
            <input name="n3" id="n3" class="form_control" placeholder="ความสูง" type="text">
        </div>
        <div class="col-md-12">
            <button type="submit" class="btn send_btn">คำนวน</button>
        </div>
    </div>

    <div class="col-md-12 result"></div>

</form>

Code (JavaScript)

const requestForm = document.getElementById('request');
const result = document.querySelector('.result');

requestForm.addEventListener('submit', (event) => {
	event.preventDefault();
    const n1Val = document.getElementById('n1').value;
    const n2Val = document.getElementById('n2').value;
    const n3Val = document.getElementById('n3').value;
    let sum;
    if (n1Val > 0) {
    	sum = n1Val * n2Val;
    }
    result.innerHTML = sum + '<br>' + n3Val;
});

Date : 2024-09-04 22:16:13

By : mr.v

No. 3

ม้านิลมังกร

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

ขอบคุณครับ

Date : 2024-09-05 13:00:14

By : lhumdin

ค้นหาข้อมูล

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

Re : สอบถามเรื่อง form เมื่อกด submit ให้อยู่ที่เดิมไม่รีเฟรชหน้าจอ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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