<form action="dropdown.php" method="POST"> <select name='QR' id="QR" onChange="outputValue(this)"> <option value='324|56|70'>324|56|70</option> <option value='4|3567|00'>4|3567|00</option> <option value='434|5640|'>434|5640|</option> <option value='6|76|57|50'>6|76|57|50</option> </select> </form> <div id='output'></div> <script> function outputValue(item){ document.getElementById('output').innerHTML = item.value; } </script>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form action=""> <select id="number"> <option value="null">Select Number</option> <option value="100|200|300">100|200|300</option> </select> </form> <div id="show"></div> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> $(document).ready(function() { $('#number').change(function() { var num = $('#number').val() var split = num.split('|') var data = '' var dataIndex = 1 split.forEach(e => { data += 'ตัวเลขชุดที่ ' + dataIndex + ' : ' + e + '<br>' dataIndex++ }) $('#show').html(data) }) }) </script> </body> </html>
document.querySelector('#QR').addEventListener('change', function(event) { event.preventDefault(); let selectboxValue = event.target.value; console.log(selectboxValue);// เปิด console ดูเอาว่าค่ามันออกมาเป็น array ไหม ถ้าเป็น array จะเอามาต่อกันยังไงก็ใช้ join หรือจะเอามาวนลูปจัดการทีละตัวก็ใช้ forEach() });
<form action="dropdown.php" method="POST"> <select name='QR' id="QR" onChange="outputValue(this)"> <option value='324|56|70'>324|56|70</option> <option value='4|3567|00'>4|3567|00</option> <option value='434|5640|'>434|5640|</option> <option value='6|76|57|50'>6|76|57|50</option> </select> </form> <div id='output'></div> <script> function outputValue(item){ var opt_val = item.value; //แยกข้อความเป็นอาร์เรย์ var arr_number = opt_val.split('|'); //วนลูปแทรกข้อความ var newarray = arr_number.map((num, i) => { return 'ตัวเลขชุดที่ '+ (i+1) + ' : ' + num; }) //ขึ้นบรรทัดใหม่ var new_text = newarray.join('<br/>'); document.getElementById('output').innerHTML = new_text; } </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 03
Load balance : Server 03
