Giả sử sau đây là danh sách thả xuống của chúng tôi (chọn) -
<select id="lengthListOfOptionDemo"> <option>John</option> <option>Mike</option> <option>Sam</option> <option>David</option> <option>Carol</option> </select>
Sau đây là đoạn mã để lấy độ dài của các tùy chọn danh sách trong JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=
1.0">
<title>Document</title>
</head>
<link rel="stylesheet"
href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/
4.7.0/css/font-awesome.min.css">
<style>
</style>
<body>
<select id="lengthListOfOptionDemo">
<option>John</option>
<option>Mike</option>
<option>Sam</option>
<option>David</option>
<option>Carol</option>
</select>
<script>
var lengthOfListOptions = $("#lengthListOfOptionDemo option").length;
console.log("The length is=" + lengthOfListOptions);
</script>
</body>
</html> Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
