Đặt giá trị mặc định chọn tùy chọn JavaScript

❮ Đối tượng tùy chọn

Ví dụ

Kiểm tra xem tùy chọn đã chọn có được kiểm tra theo mặc định không

var x = tài liệu. getElementById["mySelect"]. selectIndex;
var y = document. getElementsByTagName["option"];
alert["Is " + y[x]. văn bản + " được chọn theo mặc định?" + y[x]. defaultSelected];

Tự mình thử »

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

Thuộc tính defaultSelected trả về giá trị mặc định của thuộc tính đã chọn

Thuộc tính này trả về true nếu một tùy chọn được chọn theo mặc định, nếu không, nó trả về false

Ghi chú. Nếu một tùy chọn được chọn theo mặc định, nó sẽ được hiển thị đầu tiên trong danh sách thả xuống

Hỗ trợ trình duyệt

Thuộc tínhmặc địnhĐã chọnCóCóCóCóCó

cú pháp

tùy chọnĐối tượng. đã chọn mặc định

chi tiết kỹ thuật

Giá trị trả về. Boolean, trả về true nếu tùy chọn được chọn theo mặc định, nếu không, nó trả về false❮ Đối tượng tùy chọn

Xin chào độc giả, trong bài viết này, tôi sẽ giải thích cách đặt giá trị được chọn mặc định trong danh sách thả xuống bằng javascript. Về cơ bản, tôi sẽ chia sẻ một số phương pháp bằng cách sử dụng chúng, bạn có thể dễ dàng đặt giá trị mặc định trong tùy chọn được chọn một cách linh hoạt

Đặt giá trị mặc định trong phần tử chọn HTML bằng thuộc tính giá trị

Ừ. chúng ta có thể đặt giá trị mặc định của phần tử được chọn bằng thuộc tính giá trị. Ví dụ được đưa ra dưới đây

Đặt giá trị mặc định cho thành phần được chọn bằng cách sử dụng thuộc tính giá trị

 
   option 1
   option 2
   option 3
   option 4
 
 
  document.querySelector['#element'].value = "option 2";
 

Tự mình thử »

Đặt giá trị mặc định bằng số chỉ mục

Chúng tôi cũng có thể đặt giá trị mặc định cho phần tử được chọn bằng cách sử dụng số chỉ mục của các tùy chọn

Đặt giá trị mặc định cho thành phần được chọn bằng cách sử dụng số chỉ mục____1Tự mình thử »

1. Tạo một phần tử chọn với bốn tùy chọn và một phần tử có tên id
2. tài liệu. getElementById["element"] trả về một NodeList với các tùy chọn
3. Chỉ mục của NodeList bắt đầu từ 0

Đặt giá trị mặc định của phần tử được chọn bằng phương thức setAttribute

đặt giá trị mặc định cho phần tử được chọn_______2Tự mình thử »

Phần kết luận

Trong bài viết này, tôi đã chia sẻ ba cách để đặt giá trị được chọn mặc định trong danh sách thả xuống bằng JavaScript

Trong bài viết này, chúng ta sẽ tìm hiểu về cách đặt giá trị mặc định cho phần tử select trong HTML và cũng sẽ hiểu cách triển khai chúng thông qua các ví dụ

Thẻ select trong HTML được sử dụng để tạo danh sách thả xuống gồm các tùy chọn có thể được chọn. Thẻ tùy chọn chứa giá trị sẽ được sử dụng khi được chọn. Giá trị mặc định của phần tử được chọn có thể được đặt bằng cách sử dụng thuộc tính 'đã chọn' trên tùy chọn bắt buộc. Đây là một thuộc tính boolean. Tùy chọn có thuộc tính 'đã chọn' sẽ được hiển thị theo mặc định trong danh sách thả xuống. Chúng tôi thậm chí có thể đặt thuộc tính đã chọn sau khi trang được tải với sự trợ giúp của Javascript

cú pháp

Option Name

ví dụ 1. Ví dụ này minh họa việc sử dụng thuộc tính đã chọn bằng cách chỉ định tùy chọn được chọn trước sẽ được hiển thị đầu tiên từ danh sách thả xuống

HTML

________số 8

   
     option 1
     option 2
     option 3
     option 4
   
  
    document.getElementById["element"].selectedIndex = 2;
  

2

7

   
     option 1
     option 2
     option 3
     option 4
   
  
    document.getElementById["element"].selectedIndex = 2;
  

0>

________số 8

9>

________số 8

   
     option 1
     option 2
     option 3
     option 4
   
  
    document.getElementById["element"].selectedIndex = 2;
  

2____5>9 7>9>

________số 8

   
     option 1
     option 2
     option 3
     option 4
   
  
    document.getElementById["element"].selectedIndex = 2;
  

2_______53