Hướng dẫn how to update select option in php - cách cập nhật tùy chọn select trong php

Tôi có tabel với một trong những dữ liệu được tìm nạp từ một tab khác. Trong tabel này, tôi đã sử dụng ID từ dữ liệu để gọi nó. Nhưng khi tôi muốn chỉnh sửa dữ liệu, nó không thể được chọn như dữ liệu đầu tiên, nó đã chọn dữ liệu tiếp theo. Tôi nên làm gì? Nếu tôi muốn chỉnh sửa dữ liệu, nó có thể được chọn như dữ liệu đầu tiên. Đây là mã của tôi để chọn nó:

    <select name="id_nasabah" id="nasabah">
    <?php 
      $query_nasabah = "SELECT * FROM nasabah";
      $hasil_nasabah = mysqli_query($conn,$query_nasabah);
      while($data_nasabah=mysqli_fetch_array($hasil_nasabah)){
         if ($data_nasabah == $id_nasabah) {
            $select = "selected";
         }else{
            $select = "";
         }
                                                
         echo "<option $select>".$data_nasabah['nasabah']."</option>";
      }
    ?>
    </select> 

đó là tabel:

Hướng dẫn how to update select option in php - cách cập nhật tùy chọn select trong php

Và đó là vấn đề:

Hướng dẫn how to update select option in php - cách cập nhật tùy chọn select trong php

Xem, nó đã chọn tùy chọn tiếp theo:

Hướng dẫn how to update select option in php - cách cập nhật tùy chọn select trong php

Và đây là cơ sở dữ liệu từ tabel "Nasabah":

Hướng dẫn how to update select option in php - cách cập nhật tùy chọn select trong php

$ id_nasabah đến từ đây:

Hướng dẫn how to update select option in php - cách cập nhật tùy chọn select trong php

Ai giúp tôi với?

Thứ hai, đặt mã sau vào tệp tiêu đề.php:: in this tutorial, you will learn how to use the

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5 element to create a drop-down list and a list box and how to get the selected values from the

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5 element in PHP.

Thứ tư, bao gồm các tệp

</main> </body> </html>

Code language: HTML, XML (xml)
1 và

</main> </body> </html>

Code language: HTML, XML (xml)
2 trong

</main> </body> </html>

Code language: HTML, XML (xml)
3:

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)

Nếu yêu cầu HTTP là GET, tệp index.php sẽ hiển thị một biểu mẫu từ tệp get.php. Khi biểu mẫu được gửi, tệp Post.php sẽ xử lý việc gửi biểu mẫu.

  • Thứ năm, tạo một biểu mẫu chứa phần tử

    <label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

    Code language: HTML, XML (xml)
    5 với thuộc tính

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

    Code language: HTML, XML (xml)
    5 trong tệp

    </main> </body> </html>

    Code language: HTML, XML (xml)
    6. Tên của phần tử

    <label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

    Code language: HTML, XML (xml)
    5 có khung hình vuông mở và đóng

    </main> </body> </html>

    Code language: HTML, XML (xml)
    8 để PHP có thể tạo một mảng giữ các giá trị chọn.
  • Cuối cùng, xử lý việc gửi biểu mẫu trong tệp

    </main> </body> </html>

    Code language: HTML, XML (xml)
    9:

Tệp Post.php sử dụng hàm

<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']) ?>" method="post"> <div> <label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green" selected>Green</option> <option value="blue">Blue</option> </select> </div> <div> <button type="submit">Select</button> </div> </form>

Code language: HTML, XML (xml)
0 để lấy các màu được chọn dưới dạng mảng. Nếu bạn chọn một hoặc nhiều màu, tệp Post.php sẽ hiển thị chúng.

Nếu một tùy chọn không có thuộc tính

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green" selected>Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
8, thuộc tính

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green" selected>Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
8 mặc định cho văn bản bên trong phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green" selected>Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
6.

Để chọn tùy chọn khi trang tải lần đầu tiên, bạn có thể thêm thuộc tính

├── css | └── style.css ├── inc | ├── footer.php | ├── get.php | ├── header.php | └── post.php └── index.php

Code language: JavaScript (javascript)
3 vào phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green" selected>Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
6.

Ví dụ sau chọn tùy chọn

├── css | └── style.css ├── inc | ├── footer.php | ├── get.php | ├── header.php | └── post.php └── index.php

Code language: JavaScript (javascript)
5 khi trang lần đầu tiên tải:

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green" selected>Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)

Nhận giá trị đã chọn từ một phần tử

Chúng tôi sẽ tạo một biểu mẫu sử dụng phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5.

Đầu tiên, hãy tạo các thư mục và tệp sau:

├── css | └── style.css ├── inc | ├── footer.php | ├── get.php | ├── header.php | └── post.php └── index.php

Code language: JavaScript (javascript)

Thứ hai, đặt mã sau vào tệp tiêu đề.php:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

Code language: HTML, XML (xml)

Thứ ba, đặt mã sau vào tệp footer.php:

</main> </body> </html>

Code language: HTML, XML (xml)

Thứ tư, thêm mã sau vào tệp get.php để tạo biểu mẫu có một phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5 bằng nút gửi:

<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']) ?>" method="post"> <div> <label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green" selected>Green</option> <option value="blue">Blue</option> </select> </div> <div> <button type="submit">Select</button> </div> </form>

Code language: HTML, XML (xml)

Biểu mẫu sử dụng phương thức

├── css | └── style.css ├── inc | ├── footer.php | ├── get.php | ├── header.php | └── post.php └── index.php

Code language: JavaScript (javascript)
8 để gửi dữ liệu cho máy chủ web.

Cuối cùng, thêm mã sau vào tệp Post.php:

<?php $color = filter_input(INPUT_POST, 'color', FILTER_SANITIZE_STRING); ?> <?php if ($color) : ?> <p>You selected <span style="color:<?php echo $color ?>"><?php echo $color ?></span></p> <p><a href="index.php">Back to the form</a></p> <?php else : ?> <p>You did not select any color</p> <?php endif ?>

Code language: HTML, XML (xml)

Để có được giá trị đã chọn của phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5, bạn sẽ sử dụng biến siêu global

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

Code language: HTML, XML (xml)
0 nếu phương thức biểu mẫu là

├── css | └── style.css ├── inc | ├── footer.php | ├── get.php | ├── header.php | └── post.php └── index.php

Code language: JavaScript (javascript)
8 và

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

Code language: HTML, XML (xml)
2 nếu phương thức biểu mẫu là

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

Code language: HTML, XML (xml)
3.

Ngoài ra, bạn có thể sử dụng hàm Filter_Input () để vệ sinh giá trị đã chọn.

Nếu bạn chọn tùy chọn đầu tiên của phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5, giá trị đã chọn sẽ trống. Mặt khác, giá trị được chọn là màu đỏ, xanh lá cây hoặc xanh dương.

Chọn với nhiều tùy chọn

Để bật nhiều lựa chọn, bạn thêm thuộc tính

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

Code language: HTML, XML (xml)
5 vào phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5:

________số 8

Khi bạn chọn nhiều tùy chọn của phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5 và gửi biểu mẫu, tên sẽ chứa nhiều giá trị thay vì một giá trị duy nhất. Để nhận được nhiều giá trị đã chọn, bạn thêm dấu ngoặc vuông (

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

Code language: HTML, XML (xml)
8 sau tên của phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5.

Hãy cùng xem một ví dụ về việc sử dụng phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5 với nhiều lựa chọn.

Đầu tiên, hãy tạo các thư mục và tệp sau:

. ├── css | └── style.css ├── inc | ├── footer.php | ├── get.php | ├── header.php | └── post.php └── index.php

Code language: JavaScript (javascript)

Thứ hai, đặt mã sau vào tệp tiêu đề.php:

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
0

Thứ ba, thêm mã sau vào tệp footer.php:

</main> </body> </html>

Code language: HTML, XML (xml)

Thứ tư, bao gồm các tệp

</main> </body> </html>

Code language: HTML, XML (xml)
1 và

</main> </body> </html>

Code language: HTML, XML (xml)
2 trong

</main> </body> </html>

Code language: HTML, XML (xml)
3:

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
2

Nếu yêu cầu HTTP là GET, tệp index.php sẽ hiển thị một biểu mẫu từ tệp get.php. Khi biểu mẫu được gửi, tệp Post.php sẽ xử lý việc gửi biểu mẫu.

Thứ năm, tạo một biểu mẫu chứa phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5 với thuộc tính

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

Code language: HTML, XML (xml)
5 trong tệp

</main> </body> </html>

Code language: HTML, XML (xml)
6. Tên của phần tử

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
5 có khung hình vuông mở và đóng

</main> </body> </html>

Code language: HTML, XML (xml)
8 để PHP có thể tạo một mảng giữ các giá trị chọn.

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
3

Cuối cùng, xử lý việc gửi biểu mẫu trong tệp

</main> </body> </html>

Code language: HTML, XML (xml)
9:

<label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

Code language: HTML, XML (xml)
4

Tệp Post.php sử dụng hàm

<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']) ?>" method="post"> <div> <label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green" selected>Green</option> <option value="blue">Blue</option> </select> </div> <div> <button type="submit">Select</button> </div> </form>

Code language: HTML, XML (xml)
0 để lấy các màu được chọn dưới dạng mảng. Nếu bạn chọn một hoặc nhiều màu, tệp Post.php sẽ hiển thị chúng.

Bản tóm tắt

  • Sử dụng phần tử

    <label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

    Code language: HTML, XML (xml)
    5 để tạo danh sách thả xuống.
  • Sử dụng thuộc tính

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

    Code language: HTML, XML (xml)
    5 để tạo danh sách cho phép nhiều lựa chọn.
  • Sử dụng

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

    Code language: HTML, XML (xml)
    0 để lấy giá trị đã chọn của phần tử chọn nếu phương thức biểu mẫu là

    ├── css | └── style.css ├── inc | ├── footer.php | ├── get.php | ├── header.php | └── post.php └── index.php

    Code language: JavaScript (javascript)
    8 (hoặc

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

    Code language: HTML, XML (xml)
    2 nếu phương thức biểu mẫu là

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>PHP select option</title> </head> <body class="center"> <main>

    Code language: HTML, XML (xml)
    3).
  • Thêm dấu ngoặc vuông (____ 58) sau tên của phần tử

    <label for="color">Background Color:</label> <select name="color" id="color"> <option value="">--- Choose a color ---</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select>

    Code language: HTML, XML (xml)
    5 để nhận nhiều giá trị được chọn.

Bạn có thấy hướng dẫn này hữu ích không?