Trong bài viết này, chúng ta sẽ tìm hiểu cách lấy các giá trị tùy chọn đã chọn trong PHP. Trong phần này, chúng ta sẽ tìm hiểu một số khái niệm PHP cơ bản và sau đó, chúng ta tìm hiểu khái niệm này với sự trợ giúp của các ví dụ khác nhau
Bạn có ý nghĩa gì bởi PHP?
PHP là ngôn ngữ kịch bản phía máy chủ nguồn mở được sử dụng rộng rãi, cho phép các nhà phát triển web nhanh chóng tạo các trang web động và tương tác. Các tệp PHP có phần mở rộng với. php. PHP tương thích với hầu hết các loại máy chủ web trên hầu hết mọi hệ điều hành miễn phí
Hộp Chọn HTML được tạo với một danh sách tùy chọn và nó được sử dụng để tạo danh sách thả xuống các tùy chọn có thể. Người dùng nhấp vào menu thả xuống được chọn và chọn một trong các tùy chọn dựa trên yêu cầu. Chúng tôi cũng có thể sử dụng nhiều thẻ với thẻ chọn, cho phép người dùng chọn nhiều giá trị từ danh sách thả xuống
<form action="" method="post"> <select name="Fruit"> <option value="" disabled selected>Choose option</option> <option value="Apple">Apple</option> <option value="Banana">Banana</option> <option value="Coconut">Coconut</option> <option value="Blueberry">Blueberry</option> <option value="Strawberry">Strawberry</option> </select> <input type="submit" name="submit" vlaue="Choose options"> </form>PHP 8 Nhận các giá trị được chọn duy nhất của Hộp chọn
Chúng tôi đã sử dụng $_POST để lấy giá trị tùy chọn đã chọn nếu giá trị được chọn, nó sẽ được hiển thị cho người dùng nếu không chúng tôi sẽ đưa ra thông báo lỗi
<?php if(isset($_POST['submit'])){ if(!empty($_POST['Fruit'])) { $selected = $_POST['Fruit']; echo 'You have chosen: ' . $selected; } else { echo 'Please select the value.'; } } ?>Chúng tôi đã thêm một số CSS để thêm kiểu tùy chỉnh cho danh sách thả xuống được chọn, Bạn có thể xem ví dụ mã đầy đủ bên dưới
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Select Dropdown Example in PHP</title> <style> .container { max-width: 350px; margin: 50px auto; text-align: center; } input[type="submit"] { margin-bottom: 20px; } .select-block { width: 300px; margin: 110px auto 30px; position: relative; } select { width: 100%; height: 50px; font-size: 100%; font-weight: bold; cursor: pointer; border-radius: 0; background-color: #1A33FF; border: none; border: 2px solid #1A33FF; border-radius: 4px; color: white; appearance: none; padding: 8px 38px 10px 18px; -webkit-appearance: none; -moz-appearance: none; transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease; } /* For IE <= 11 */ select::-ms-expand { display: none; } .selectIcon { top: 7px; right: 15px; width: 30px; height: 36px; padding-left: 5px; pointer-events: none; position: absolute; transition: background-color 0.3s ease, border-color 0.3s ease; } .selectIcon svg.icon { transition: fill 0.3s ease; fill: white; } select:hover, select:focus { color: #000000; background-color: white; } select:hover~.selectIcon, select:focus~.selectIcon { background-color: white; } select:hover~.selectIcon svg.icon, select:focus~.selectIcon svg.icon { fill: #1A33FF; } </style> </head> <body> <div class="container mt-5"> <form action="" method="post" class="mb-3"> <div class="select-block"> <select name="Fruit"> <option value="" disabled selected>Choose option</option> <option value="Apple">Apple</option> <option value="Banana">Banana</option> <option value="Coconut">Coconut</option> <option value="Blueberry">Blueberry</option> <option value="Strawberry">Strawberry</option> </select> <div class="selectIcon"> <svg focusable="false" viewBox="0 0 104 128" width="25" height="35" class="icon"> <path d="m2e1 95a9 9 0 0 1 -9 9 9 9 0 0 1 -9 -9 9 9 0 0 1 9 -9 9 9 0 0 1 9 9zm0-3e1a9 9 0 0 1 -9 9 9 9 0 0 1 -9 -9 9 9 0 0 1 9 -9 9 9 0 0 1 9 9zm0-3e1a9 9 0 0 1 -9 9 9 9 0 0 1 -9 -9 9 9 0 0 1 9 -9 9 9 0 0 1 9 9zm14 55h68v1e1h-68zm0-3e1h68v1e1h-68zm0-3e1h68v1e1h-68z"></path> </svg> </div> </div> <input type="submit" name="submit" vlaue="Choose options"> </form> <?php if(isset($_POST['submit'])){ if(!empty($_POST['Fruit'])) { $selected = $_POST['Fruit']; echo 'You have chosen: ' . $selected; } else { echo 'Please select the value.'; } } ?> </div> </body> </html>Nhận nhiều giá trị được chọn của menu thả xuống được chọn trong PHP
Trong bước này, chúng ta sẽ tìm hiểu liệu người dùng có thể chọn nhiều giá trị đã chọn từ hộp tùy chọn được chọn không. Thêm nhiều thẻ với thẻ chọn cũng xác định mảng với thuộc tính tên
<select name="Fruits[]" multiple> <option value="" disabled selected>Choose option</option> <option value="Apple">Apple</option> <option value="Banana">Banana</option> <option value="Coconut">Coconut</option> <option value="Blueberry">Blueberry</option> <option value="Strawberry">Strawberry</option> </select>Đảm bảo mảng Trái cây không trống, hãy chạy vòng lặp foreach để lặp lại mọi giá trị của danh sách thả xuống đã chọn. Hiển thị các giá trị đã chọn khác hiển thị thông báo lỗi cho người dùng
<?php if(isset($_POST['submit'])){ if(!empty($_POST['Fruits'])) { foreach($_POST['Fruits'] as $selected){ echo ' ' . $selected; } } else { echo 'Please select the value.'; } } ?>Đây là mã cuối cùng của hộp đa lựa chọn
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Multiple Select Dropdown in PHP</title> <style> .container { max-width: 350px; margin: 50px auto; text-align: center; } select { width: 100%; min-height: 150px; margin-bottom: 20px; } input[type="submit"] { margin-bottom: 20px; } </style> </head> <body> <div class="container mt-5"> <form action="" method="post" class="mb-3"> <select name="Fruits[]" multiple> <option value="" disabled selected>Choose option</option> <option value="Apple">Apple</option> <option value="Banana">Banana</option> <option value="Coconut">Coconut</option> <option value="Blueberry">Blueberry</option> <option value="Strawberry">Strawberry</option> </select> <input type="submit" name="submit" vlaue="Choose options"> </form> <?php if(isset($_POST['submit'])){ if(!empty($_POST['Fruits'])) { foreach($_POST['Fruits'] as $selected){ echo ' ' . $selected; } } else { echo 'Please select the value.'; } } ?> </div> </body> </html>Phần kết luận
Chúng ta đã hoàn thành hướng dẫn PHP Select Option và trong hướng dẫn này, chúng ta đã học cách lấy một hoặc nhiều giá trị hộp chọn bằng PHP 8 với một số xác thực cơ bản
máy đào
Tôi là Digamber, một nhà phát triển full-stack và là người đam mê thể dục. Tôi đã tạo trang web này để truyền kinh nghiệm mã hóa của mình cho các lập trình viên mới. Tôi thích viết trên JavaScript, ECMAScript, React, Angular, Vue, Laravel
Twitter GitHubBài viết đề xuất
Xây dựng hệ thống xếp hạng 5 sao PHP MySQL bằng jQuery AJAXPHP 8 Tìm kiếm dữ liệu trực tiếp AJAX với MySQL Hướng dẫn PHP 8 Select2 Đa lựa chọn với jQuery AJAX Hướng dẫn PHP 8 Ví dụ về mã hóa và giải mã dữ liệu JSON Ví dụ về PHP 8 Hướng dẫn xác thực biểu mẫu phía máy chủ Tích hợp Google reCAPTCHA trong PHP 8 Biểu mẫu liên hệ Cách tạo Captcha . Nhận giá trị đã chọn và thêm kiểuNhận nhiều giá trị của các hộp kiểm đã chọn trong PHP 8Tạo phân trang trong PHP 8 với MySQL và BootstrapBuild Biểu mẫu đăng ký (Đăng ký) người dùng PHP 8 với MySQL