Bạn có thể sử dụng bộ chọn jQuery
2 kết hợp với phương phápCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
3 để tìm giá trị tùy chọn đã chọn trong hộp chọn hoặc danh sách thả xuốngCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
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ử
4 sẽ được sử dụng làm giá trị thay thế, như minh họa trong ví dụ sauCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
jQuery Get Selected Option Text
Select Country:
Ngoài ra, bạn có thể sử dụng phương thức jQuery
5 để lấy nội dung văn bản của một phần tửCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
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
6 vàoCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
7Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
❮ 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ộtchi 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ộtThê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ượngBả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ử
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ửCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
4 trong PHPCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
A quick introduction to the element
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ửCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
4 trong HTMLCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Phần tử
4 có hai thuộc tính quan trọngCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
9 –
Code language: HTML, XML [xml]Background Color: --- Choose a color --- Red Green Blue
9 liên kết phần tử
Code language: HTML, XML [xml]Background Color: --- Choose a color --- Red Green Blue
4 với phần tử
Code language: HTML, XML [xml]Background Color: --- Choose a color --- Red Green Blue
12jQuery Get Selected Option Text Select Country:
13 – thuộc tínhjQuery 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ẫujQuery Get Selected Option Text Select Country:
Phần tử
jQuery Get Selected Option Text
Select Country:
15 được lồng bên trong phần tử 4 xác định một tùy chọn trong menu. Mỗi tùy chọn có một thuộc tínhCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
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ọnNế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
12 vào phần tửCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
jQuery Get Selected Option Text
Select Country:
15Ví dụ sau chọn tùy chọn
14 khi tải trang lần đầu tiênCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
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ử
4Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Đầu tiên, tạo các thư mục và tệp sau
jQuery Get Selected Option Text
Select Country:
1Thứ hai, đặt đoạn mã sau vào tiêu đề. tập tin php
1Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Thứ ba, đặt đoạn mã sau vào chân trang. tập tin php
8Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Thứ tư, thêm đoạn mã sau vào get. php để tạo biểu mẫu có một phần tử
4 với nút gửiCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
0Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Biểu mẫu sử dụng phương pháp
17 để gửi dữ liệu đến máy chủ webCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Cuối cùng, thêm đoạn mã sau vào bài viết. tập tin php
2Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Để lấy giá trị đã chọn của phần tử
4, bạn sử dụng biến siêu toàn cầuCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
19 nếu phương thức biểu mẫu làCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
17 vàCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
81 nếu phương thức biểu mẫu làCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
82Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
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ử
4, giá trị đã chọn sẽ trống. Nếu không, giá trị được chọn là đỏ, lục hoặc lamCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
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
84 vào phần tửCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
4Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
1Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Khi bạn chọn nhiều tùy chọn của phần tử
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 [Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
87 sau tên phần tửCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
4
Background Color: --- Choose a color --- Red Green Blue
Code language: HTML, XML [xml]
Hãy cùng xem một ví dụ về việc sử dụng phần tử
4 với nhiều lựa chọnCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Đầu tiên, tạo các thư mục và tệp sau
6Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Thứ hai, đặt đoạn mã sau vào tiêu đề. tập tin php
7Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Thứ ba, thêm đoạn mã sau vào chân trang. tập tin php
8Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Thứ tư, bao gồm các tệp
00 vàCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
01 trong tệpCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
02Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
1Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
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ử
4 với thuộc tínhCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
84 trong tệpCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
05. Tên của phần tửCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
4 có dấu ngoặc vuông mở và đóngCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
07 để PHP có thể tạo một mảng chứa các giá trị được chọnCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
2Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Cuối cùng, xử lý việc gửi biểu mẫu trong tệp
08Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
3Code language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue
Bài. tệp php sử dụng hàm
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úngCode language: HTML, XML [xml]
Background Color: --- Choose a color --- Red Green Blue