รบกวนสอบถามเรื่อง jumpmenu หน่อยค่ะ

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

รบกวนสอบถามเรื่อง jumpmenu หน่อยค่ะ
<select name="jumpMenu" id="jumpMenu">
       <option value="">เลือกสถานะ</option>
       <option value="a">ว่าง</option>
       <option value="u">จอง</option>
       <option value="f">ปิดปรับปรุง</option>
     </select>

<a href="xxx.php">เปลี่ยน</a>
ต้องการส่งค่า option value ผ่าน a href อ่ะค่ะ

หรือให้ค่า option value ที่เลือกไปแสดงที่หลัง xxx.php ก็ได้ เช่น  xxx.php?a 




Mungming 110.77.225.xxx 10-04-2015 04:49:59

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

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


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


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

 ความคิดเห็นที่ 1
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
 
<div style="margin:auto;width:600px;">

    <select name="jumpMenu" id="jumpMenu">
       <option value="">เลือกสถานะ</option>
       <option value="a">ว่าง</option>
       <option value="u">จอง</option>
       <option value="f">ปิดปรับปรุง</option>
     </select>

<a id="link_place" href="forum.html">เปลี่ยน</a>    
    
</div>   
    
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>   
<script type="text/javascript">
$(function(){
    
    $("#jumpMenu").on("change",function(){
        var val=$(this).val();  // เก็บค่าของ select ไว้ในตัวแปร
        var obj=$("#link_place");  // เก็บตัวแปร ของ ลิ้งค์ เป็น jquery object ไว้เรียกใช้
        if(val!=""){ // ถ้าค่าที่ส่งไม่ว่าง
            obj.attr("href","forum.html?" val);  // เปลี่ยน ลิ้งค์
        }else{
            obj.attr("href","forum.html"); // เปลี่ยน ลิ้งค์
        } 
//        console.log(obj.attr("href"));
    });

});
</script>           
</body>
</html>


เปลี่ยน


ninenik 171.96.12.xxx 10-04-2015






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