Cách lấy giá trị của tùy chọn php đã chọn?

Bạn có thể sử dụng bộ chọn jQuery

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green">Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
2 kết hợp với phương pháp

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green">Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
3 để tìm giá trị tùy chọn đã chọn trong hộp chọn hoặc danh sách thả xuống

Hãy thử ví dụ sau để hiểu cơ bản nó hoạt động như thế nào





jQuery Get Selected Option Value


 

    
        Select Country:
        
            
            
            
        
    

Nếu giá trị cho một tùy chọn không được xác định cụ thể, thì nội dung văn bả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">Redoption> <option value="green">Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4 sẽ được sử dụng làm giá trị thay thế, như minh họa trong ví dụ sau





jQuery Get Selected Option Text


 

    
        Select Country:
        
            
            
            
        
    

Ngoài ra, bạn có thể sử dụng phương thức jQuery

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green">Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
5 để lấy nội dung văn bản của một phần tử


Nhận các tùy chọn đã chọn từ nhiều hộp chọn

Tương tự, bạn có thể truy xuất các giá trị đã chọn từ nhiều hộp chọn bằng một mẹo nhỏ

Hộp nhiều lựa chọn cho phép người dùng chọn nhiều tùy chọn. Giữ phím điều khiển trên Windows hoặc phím lệnh trên Mac để chọn nhiều tùy chọn. Bạn có thể kích hoạt nhiều phần trong một hộp chọn bằng cách thêm thuộc tính

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green">Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
6 vào

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green">Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
7

❮ Chọn đối tượng

Thí dụ

Thay đổi tùy chọn đã chọn thành "chuối"

tài liệu. getElementById("mySelect"). giá trị = "chuối";

Tự mình thử »


Định nghĩa và cách sử dụng

Thuộc tính giá trị đặt hoặc trả về giá trị của tùy chọn đã chọn trong danh sách thả xuống


Hỗ trợ trình duyệt

Giá trị tài sản Có Có Có Có Có

cú pháp

Trả về thuộc tính giá trị

Đặt thuộc tính giá trị

chọn đối tượng. giá trị = giá trị

Giá trị tài sản

ValueDescriptionvalueChỉ định giá trị của một

chi tiết kỹ thuật

Giá trị trả về. Một chuỗi, đại diện cho giá trị của thuộc tính giá trị của một

Thêm ví dụ

Thí dụ

Trả về giá trị của tùy chọn đã chọn trong danh sách thả xuống

var x = tài liệu. getElementById("mySelect"). giá trị;

Tự mình thử »


❮ Chọn đối tượng

Bản tóm tắt. trong hướng dẫn này, bạn sẽ học cách 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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4 để tạo danh sách thả xuống và hộp danh sách cũng như cách lấy các giá trị đã chọn từ phần tử

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4 trong PHP

A quick introduction to the element

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4 là một phần tử HTML cung cấp danh sách các tùy chọn. Phần sau đây cho thấy cách xác định phần tử

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4 trong HTML

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green">Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)

Phần tử

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4 có hai thuộc tính quan trọng

  • <label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

    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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

    Code language: HTML, XML (xml)
    9 liên kết phần tử

    <label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

    Code language: HTML, XML (xml)
    4 với phần tử
    
    
    
    
    jQuery Get Selected Option Text
    
    
     
    
        
            Select Country:
            
                
                
                
            
        
    
    
    12
  • 
    
    
    
    jQuery Get Selected Option Text
    
    
     
    
        
            Select Country:
            
                
                
                
            
        
    
    
    13 – thuộc tính
    
    
    
    
    jQuery Get Selected Option Text
    
    
     
    
        
            Select Country:
            
                
                
                
            
        
    
    
    13 liên kết với giá trị cho một lần gửi biểu mẫu

Phần tử





jQuery Get Selected Option Text


 

    
        Select Country:
        
            
            
            
        
    

15 được lồng 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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4 xác định một tùy chọn trong menu. Mỗi tùy chọn có một thuộc tính




jQuery Get Selected Option Text


 

    
        Select Country:
        
            
            
            
        
    

17. Thuộc tính




jQuery Get Selected Option Text


 

    
        Select Country:
        
            
            
            
        
    

17 lưu trữ dữ liệu được gửi tới máy chủ khi nó được chọn

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





jQuery Get Selected Option Text


 

    
        Select Country:
        
            
            
            
        
    

17, thì thuộc tính




jQuery Get Selected Option Text


 

    
        Select Country:
        
            
            
            
        
    

17 sẽ mặc định là văn bản bên trong phần tử




jQuery Get Selected Option Text


 

    
        Select Country:
        
            
            
            
        
    

15

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

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




jQuery Get Selected Option Text


 

    
        Select Country:
        
            
            
            
        
    

15

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
14 khi tải trang lần đầu tiên

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)

Getting the selected value from a element

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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4

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





jQuery Get Selected Option Text


 

    
        Select Country:
        
            
            
            
        
    

1

Thứ hai, đặt đoạn mã sau vào tiêu đề. tập tin php

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
1

Thứ ba, đặt đoạn mã sau vào chân trang. tập tin php

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
8

Thứ tư, thêm đoạn mã sau vào 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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4 với nút gửi

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
0

Biểu mẫu sử dụng phương pháp

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
17 để gửi dữ liệu đến máy chủ web

Cuối cùng, thêm đoạn mã sau vào bài viết. tập tin php

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
2

Để lấy 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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4, bạn sử dụng biến siêu toàn cầu

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
82

Ngoài ra, bạn có thể sử dụng hàm filter_input() để khử trùng 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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4, giá trị đã chọn sẽ trống. Nếu không, giá trị được chọn là đỏ, lục hoặc lam

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

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
84 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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
1

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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
87 sau tên phần tử

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4

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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

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

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
6

Thứ hai, đặt đoạn mã sau vào tiêu đề. tập tin php

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
7

Thứ ba, thêm đoạn mã sau vào chân trang. tập tin php

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
8

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
02

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
1

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

Thứ năm, tạo 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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
05. 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">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
4 có dấu ngoặc vuông mở và đóng

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
07 để PHP có thể tạo một mảng chứa các giá trị được chọn

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
2

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

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
08

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

Code language: HTML, XML (xml)
3

Bài. tệp php sử dụng hàm

<label for="color">Background Color:label> <select name="color" id="color"> <option value="">--- Choose a color ---option> <option value="red">Redoption> <option value="green" selected>Greenoption> <option value="blue">Blueoption> select>

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

Làm cách nào để nhận giá trị từ tùy chọn đã chọn bằng PHP?

Cú pháp.