Hi
I have 10 dropdownl boxes (names: wish1 to wish10) on page , I want the value not to be repeated in the rest of the dropdown boxes
This java code was written by ChatGPT:
function checkWishes() {
// Retrieve values from all input fields
const wishes = [];
for (let i = 1; i <= 10; i++) {
const wish = document.getElementById('wish' + i).value.trim();
if (wish) {
wishes.push(wish);
}
}
// Create a Set to filter unique values and check for duplicates
const uniqueWishes = new Set(wishes);
if (uniqueWishes.size < wishes.length) {
document.getElementById('result').innerText = 'There are duplicate wishes!';
} else {
document.getElementById('result').innerText = 'All wishes are unique!';
}
}
another jquery code
$(document).ready(function() {
$('#checkDuplicates').on('click', function() {
let selectedValues = [];
let duplicates = [];
// Iterate through each wish dropdown
for (let i = 1; i <= 5; i++) { // Adjust the loop according to the number of dropdowns
let value = $('#wish' + i).val();
if (value) {
// If the value is already in selectedValues, add it to duplicates
if (selectedValues.includes(value)) {
duplicates.push(value);
} else {
selectedValues.push(value);
}
}
}
// Remove duplicate entries from duplicates array
duplicates = [...new Set(duplicates)];
if (duplicates.length > 0) {
$('#result').html('Duplicate wishes found: ' + duplicates.join(', '));
} else {
$('#result').html('No duplicates found.');
}
});
});
How can this code be applied to check that the values selected by the user are not repeated when pressing the submit button?