Giả sử sau đây là danh sách thả xuống của chúng tôi -
<select> <option>John</option> <option>David</option> <option>Chris</option> <option>Mike</option> <option>Bob</option> <option>Carol</option> </select>
Sau đây là mảng của chúng tôi -
var listOfNames = ["Chris", "Robert", "Mike"];
Để kiểm tra xem giá trị danh sách đã chọn có chứa giá trị trong mảng hay không, hãy sử dụng -
$(‘select’).on(‘change’).
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>
<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">
</head>
<body>
<select>
<option>John</option>
<option>David</option>
<option>Chris</option>
<option>Mike</option>
<option>Bob</option>
<option>Carol</option>
</select>
<script>
var listOfNames = ["Chris", "Robert", "Mike"];
$('select').on('change', function() {
var name = this.value.split(' ')[0];
if($.inArray(name, listOfNames) > -1) {
console.log('This is present in list of name array');
} else {
console.log('This is not present in list of name array');
}
});
</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 -
Bây giờ, hãy chọn một giá trị. Nếu giá trị giống như trong mảng, đầu ra sẽ hiển thị trên Console -
