Thay đổi giá trị tùy chọn đã được chọn

❮ HTML

Thí dụ

Danh sách thả xuống với tùy chọn được chọn trước

Chọn xe

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

Thuộc tính selected là thuộc tính boolean

Khi xuất hiện, nó chỉ định rằng một tùy chọn sẽ được chọn trước khi tải trang

Tùy chọn được chọn trước sẽ được hiển thị đầu tiên trong danh sách thả xuống

Mẹo. Thuộc tính selected cũng có thể được đặt sau khi tải trang, với JavaScript

Hỗ trợ trình duyệt

cú pháp

Trong hướng dẫn này, bạn sẽ tìm hiểu cách đặt giá trị của tùy chọn thả xuống được chọn bằng jQuery. Câu trả lời ngắn gọn là sử dụng val() và chuyển giá trị làm đối số của nó để gán

Khi bạn biết giá trị bắt buộc từ các tùy chọn thả xuống đã chọn, bạn có thể chọn tùy chọn đó bằng jQuery. Hãy tìm hiểu các phương pháp khác nhau với các ví dụ dưới đây

Phương pháp 1. Đặt giá trị của tùy chọn đã chọn bằng cách sử dụng val()

Để đặt giá trị của tùy chọn được chọn bằng jQuery, bạn có thể sử dụng hàm val() nhận một đối số. Đối số là giá trị bắt buộc của menu thả xuống chọn để chỉ định và chọn. Bạn có thể thêm giá trị làm đối số trong dấu ngoặc kép (______5)

Ghi chú. Nếu bạn muốn chỉ định một giá trị bằng cách sử dụng một biến, bạn có thể thêm biến đó làm đối số của hàm mà không cần sử dụng dấu ngoặc kép

Thí dụ

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

$(tài liệu). sẵn sàng(chức năng(){

$('nút'). nhấp chuột(hàm(){

        var myval = 'đỏ';

     $("select").val(myval);

    });

});

giá trị="">value="">Select your option

    giá trị = "Đỏ">Red

    giá trị = "Xanh lục">Green

    giá trị = "Xanh dương">Blue

loại="nút">< type="button">Set Select Value

đầu ra

Ví dụ trên chứa menu thả xuống chọn với ba tùy chọn để chọn. Giá trị được chỉ định để được chọn bằng jQuery là 'Đỏ'. Khi bạn nhấp vào phần tử nút, giá trị đã chỉ định sẽ được chọn bằng jQuery

Phương pháp 2. Sử dụng hàm attr() của jQuery

Ngoài ví dụ trên, bạn cũng có thể sử dụng attr() nhận hai đối số để truyền và chọn tùy chọn thả xuống. Cả đối số thứ nhất và thứ hai của hàm đều là 'selected'

Để chỉ định giá trị, bạn phải sử dụng đoạn mã bộ chọn jQuery $("select option[value=myvalue]") trước attr(). Ngoài ra, đừng quên thay thế selected1 bằng giá trị cụ thể của bạn để đặt giá trị của tùy chọn đã chọn

Thí dụ

giá trị="">value="">Select your option

    giá trị = "Một">One

    giá trị = "Hai">Two

    giá trị = "Ba">Three

loại="nút">< type="button">Set Select Value

đầu ra

Ví dụ trên chứa một danh sách thả xuống với ba tùy chọn. Ví dụ chỉ định giá trị 'Hai' để chọn khi nhấp vào nút. Với một lần bấm nút, jQuery đặt giá trị đã chỉ định của tùy chọn thả xuống đã chọn