Cách lấy các giá trị tùy chọn được chọn từ cơ sở dữ liệu bằng PHP

Trong hướng dẫn này, tôi chỉ cho bạn cách tự động điền dữ liệu cơ sở dữ liệu MySQL vào danh sách thả xuống bằng JavaScript và PHP

Demo Tải xuống

---

nội dung

1. Cấu trúc bảng
2. Cấu hình
3. HTML
4. PHP
5. JavaScript
6. Thử nghiệm
7. Phần kết luận

---

1. Cấu trúc bảng

Tôi đang sử dụng 3 bảng trong ví dụ –

bảng quốc gia (Lưu trữ bản ghi quốc gia) –

CREATE TABLE countries (
  id serial PRIMARY KEY,
  name varchar(80) NOT NULL
)

bảng trạng thái (Lưu trữ trạng thái của các quốc gia) –

CREATE TABLE states (
  id serial PRIMARY KEY,
  name varchar(80) NOT NULL,
  country_id bigint NOT NULL
)

bảng thành phố (Lưu trữ các thành phố của các bang) –

CREATE TABLE cities (
  id serial PRIMARY KEY,
  name varchar(80) NOT NULL,
  state_id bigint NOT NULL
)

---

2. Cấu hình

Tạo một 

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

8 tệp

Mã hoàn thành

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

---

3. HTML

Tìm nạp tất cả các bản ghi từ bảng

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

9 và tạo 3 

CREATE TABLE states (
  id serial PRIMARY KEY,
  name varchar(80) NOT NULL,
  country_id bigint NOT NULL
)

0 phần tử –

• Đầu tiên 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  0 phần tử là hiển thị đã tìm nạp 

  connect_error) {
     die("Connection failed: " . $con->connect_error);
  }

  9
• Thứ hai được sử dụng để hiển thị các trạng thái dựa trên lựa chọn quốc gia bằng JavaScript AJAX và
• Thứ ba là sử dụng để hiển thị các thành phố dựa trên lựa chọn tiểu bang bằng JavaScript AJAX

Mã hoàn thành

prepare($sql); 
$stmt->execute();
$result = $stmt->get_result();

?>

   

      
Country
      

         
            – Select Country –
            fetch_assoc() ){

               $id = $row['id'];
               $name = $row['name'];

               echo "".$name."";
            }
            ?>
         
      
   

   

      
State
      

         
            – Select State –
         
      
   

   

      
City
      

         
            – Select City –
         
      
   

---

4. PHP

Tạo 

CREATE TABLE states (
  id serial PRIMARY KEY,
  name varchar(80) NOT NULL,
  country_id bigint NOT NULL
)

2 tệp

Xử lý 2 yêu cầu AJAX –

• Nếu $request == ‘getStates’ – Tìm nạp bản ghi từ bảng 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  3 theo giá trị 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  4 và gán cho 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  5. Lặp lại 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  5 và khởi tạo 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  7 Mảng bằng các phím 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  8 và 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  9 

Trả lại 

CREATE TABLE states (
  id serial PRIMARY KEY,
  name varchar(80) NOT NULL,
  country_id bigint NOT NULL
)

7 ở định dạng JSON

• Nếu $request == ‘getCities’ – Tìm nạp bản ghi từ bảng 

  CREATE TABLE cities (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    state_id bigint NOT NULL
  )

  1 theo giá trị 

  CREATE TABLE cities (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    state_id bigint NOT NULL
  )

  2 và gán cho 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  5. Lặp lại 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  5 và khởi tạo 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  7 Mảng bằng các phím 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  8 và 

  CREATE TABLE states (
    id serial PRIMARY KEY,
    name varchar(80) NOT NULL,
    country_id bigint NOT NULL
  )

  9 

Trả lại 

CREATE TABLE states (
  id serial PRIMARY KEY,
  name varchar(80) NOT NULL,
  country_id bigint NOT NULL
)

7 ở định dạng JSON

Mã hoàn thành

CREATE TABLE cities (
  id serial PRIMARY KEY,
  name varchar(80) NOT NULL,
  state_id bigint NOT NULL
)

3

---

5. Javascript

Tạo 2 chức năng –

• getStates() – Hàm này gọi khi lựa chọn được thay đổi trong danh sách thả xuống quốc gia

Trình đơn thả xuống trạng thái và thành phố trống. Gửi yêu cầu AJAX POST tới 

CREATE TABLE states (
  id serial PRIMARY KEY,
  name varchar(80) NOT NULL,
  country_id bigint NOT NULL
)

2, chuyển 

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

0 là 

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

1 và đặt 

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

2

Trong vòng lặp gọi lại thành công vào 

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

3 và thêm 

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

4 vào menu thả xuống trạng thái

• getCities() – Hàm này gọi khi lựa chọn được thay đổi trong danh sách thả xuống trạng thái

Làm trống danh sách thả xuống

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

5 và gửi yêu cầu POST AJAX tới 

CREATE TABLE states (
  id serial PRIMARY KEY,
  name varchar(80) NOT NULL,
  country_id bigint NOT NULL
)

2, chuyển 

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

7 là 

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

1 và đặt 

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

2

Trong vòng lặp gọi lại thành công trên

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

3 và thêm

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

4 trong menu thả xuống thành phố

Mã hoàn thành

connect_error) {
   die("Connection failed: " . $con->connect_error);
}

7

---

6. Bản trình diễn

Xem bản trình diễn

---

7. Kết luận

Thực hiện theo các bước tương tự để tự động điền nhiều danh sách thả xuống

Nếu dữ liệu không được điền trong danh sách thả xuống khi bạn chọn quốc gia hoặc tiểu bang thì hãy sử dụng tab mạng trình duyệt để gỡ lỗi. Kiểm tra lại các truy vấn SQL và các giá trị POST

Làm cách nào để truy xuất dữ liệu từ cơ sở dữ liệu bằng tùy chọn chọn trong php?

Làm cách nào để lấy giá trị được chọn thả xuống từ cơ sở dữ liệu trong php?

Làm cách nào để chèn dữ liệu vào cơ sở dữ liệu từ danh sách thả xuống trong php?

Làm cách nào để chọn giá trị tùy chọn trong php?