Làm cách nào để hiển thị nhiều giá trị thả xuống đã chọn trong trang chỉnh sửa php?

Question

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

Nội dung chính Show

Bạn có ý nghĩa gì bởi PHP?
PHP 8 Nhận các giá trị được chọn duy nhất của Hộp chọn
Nhận nhiều giá trị được chọn của menu thả xuống được chọn trong PHP
Phần kết luận
Bài viết đề xuất
Làm cách nào để hiển thị nhiều giá trị được chọn trong danh sách thả xuống trong PHP?
Làm cách nào để hiển thị nhiều giá trị được chọn trong PHP?
Làm cách nào tôi có thể lưu trữ nhiều giá trị thả xuống trong PHP?
Làm cách nào để chỉnh sửa nhiều hộp chọn trong PHP?

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>

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 GitHub

Bà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