<?php $text = $_REQUEST['input']; $drop = $_REQUEST['dropdown']; ?> <form action="tests.php" method="post" name="input" > Search: <select name="dropdown" value="options"> <option value"index">Choose an option</option> <option value="zone 1">เขตพื้นที่ 1 ประกอบด้วยจังหวัดนครราชสีมา ให้บริการ 6 พื้นที่</option> <option value="zone 2">เขตพื้นที่ 2 ประกอบด้วย 4 จังหวัด</option> <option value="zone 3">เขตพื้นที่ 3 ประกอบด้วย 6 จังหวัด</option> <option value="zone 4">เขตพื้นที่ 4 ประกอบด้วย 3 จังหหวัด</option> <option value="zone 5">เขตพื้นที่ 5 ประกอบด้วย 63 จังหวัด</option> </SELECT> <br /> <div> <?php switch ($text) { case "zone 1": echo "คุณเลือก Zone 1"; break; case "zone 2": echo "คุณเลือก Zone 2"; break; case "zone 3": echo "คุณเลือก Zone 3"; break; case "zone 4": echo "คุณเลือก Zone 4"; break; case "zone 5": echo "คุณเลือก Zone 5"; break; default: echo "โปรดเลือกรายการ เขตพื้นที่ ที่ต้องการจัดส่ง"; } ?>
<?php error_reporting(0); ?> <form action="?" method="post" name="input" > Search: <select name="dropdown" value="options"> <option value"index">Choose an option</option> <option value="zone 1">เขตพื้นที่ 1 ประกอบด้วยจังหวัดนครราชสีมา ให้บริการ 6 พื้นที่</option> <option value="zone 2">เขตพื้นที่ 2 ประกอบด้วย 4 จังหวัด</option> <option value="zone 3">เขตพื้นที่ 3 ประกอบด้วย 6 จังหวัด</option> <option value="zone 4">เขตพื้นที่ 4 ประกอบด้วย 3 จังหหวัด</option> <option value="zone 5">เขตพื้นที่ 5 ประกอบด้วย 63 จังหวัด</option> </SELECT> <br /> <input type="submit" value="ตกลง" /> <div> <?php switch ($_POST['dropdown']) { case "zone 1": echo "คุณเลือก Zone 1"; break; case "zone 2": echo "คุณเลือก Zone 2"; break; case "zone 3": echo "คุณเลือก Zone 3"; break; case "zone 4": echo "คุณเลือก Zone 4"; break; case "zone 5": echo "คุณเลือก Zone 5"; break; default: echo "โปรดเลือกรายการ เขตพื้นที่ ที่ต้องการจัดส่ง"; } ?> </div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> $('document').ready(function () { $('#ddl').change(function () { //alert($(this).val()); if ($(this).val() != '') { $('#result').html('คุณเลือก ' + $(this).val()); } else { $('#result').html(''); } }); }); </script> <select name="ddl" id="ddl"> <option value="">select one</option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> </select> <div id="result"></div>
<?php $text = $_REQUEST['input']; $drop = $_REQUEST['dropdown']; ?> <form action="tests.php" method="post" name="input" > Search: <select name="dropdown" value="options" onselect="document.getElementsByName('input').submit()"> <option value"index">Choose an option</option> <option value="zone 1">เขตพื้นที่ 1 ประกอบด้วยจังหวัดนครราชสีมา ให้บริการ 6 พื้นที่</option> <option value="zone 2">เขตพื้นที่ 2 ประกอบด้วย 4 จังหวัด</option> <option value="zone 3">เขตพื้นที่ 3 ประกอบด้วย 6 จังหวัด</option> <option value="zone 4">เขตพื้นที่ 4 ประกอบด้วย 3 จังหหวัด</option> <option value="zone 5">เขตพื้นที่ 5 ประกอบด้วย 63 จังหวัด</option> </SELECT> <br /> <div> <?php switch ($text) { case "zone 1": echo "คุณเลือก Zone 1"; break; case "zone 2": echo "คุณเลือก Zone 2"; break; case "zone 3": echo "คุณเลือก Zone 3"; break; case "zone 4": echo "คุณเลือก Zone 4"; break; case "zone 5": echo "คุณเลือก Zone 5"; break; default: echo "โปรดเลือกรายการ เขตพื้นที่ ที่ต้องการจัดส่ง"; } ?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Search: <select id="dropdown"> <option value="">กรุณาเลือกเขตพื้นที่</option> <option value="zone 1">เขตพื้นที่ 1 ประกอบด้วยจังหวัดนครราชสีมา ให้บริการ 6 พื้นที่</option> <option value="zone 2">เขตพื้นที่ 2 ประกอบด้วย 4 จังหวัด</option> <option value="zone 3">เขตพื้นที่ 3 ประกอบด้วย 6 จังหวัด</option> <option value="zone 4">เขตพื้นที่ 4 ประกอบด้วย 3 จังหหวัด</option> <option value="zone 5">เขตพื้นที่ 5 ประกอบด้วย 63 จังหวัด</option> </select> <div id="detail"> โปรดเลือกรายการ เขตพื้นที่ ที่ต้องการจัดส่ง </div> <script src="admin/bootstrap/js/jquery-1.10.2.min.js"></script> // download file vr 1.10.2 http://jquery.com/ <script> $(function(){ $('#dropdown').change(function(){ var val=$(this).val(); // เก็บค่าตัวแปร อ้างอิงจาก id $('#detail').empty(); // div ให้เป็นค่าว่าง if(val==''){ $('#detail').text('กรุณาเลือกเขตพื้นที่'); }else{ $('#detail').text('คุณเลือก '+val); } }); }); </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง