поля ввода
var selekt = document.querySelector('#el1');
var selekt1 = document.querySelector('#el2');
записываю в переменную изменения значения
var selektValue = selekt.addEventListener('change', function(){
return select.value; /или select.getAttribut('value');
});
var selektValue1 = selekt1.addEventListener('change', function(){
return select1.value; /или select1.getAttribut('value');
});
сравниваю и вывожу сообщение об ошибке
if (selektValue !== selektValue1) {
select1.setCustomValidity('значение должно быть равно inputValue');
}
пробовал другой вариант при отправке формы
var select = document.querySelector('#el1').value;
var select1 = document.querySelector('#el2').value;
кнопка отправки формы
var buttonSubmit = document.querySelector('.button');
функция сравнения значений и вывода сообщение об ошибке
var findDifference = function () {
if (select !== select1) {
select1.setCustomValidity('значение должно быть равно select');
}
};
если кнопка нажата, то сравниваем значение полей
buttonSubmit.addEventListener('click', findDifference);
разметка
<form>
<fielset>
<label></label>
<select>
<option value1></option>
<option value2></option>
<option value3></option>
</select>
</fielset>
<fielset>
<label></label>
<select>
<option value1></option>
<option value2></option>
<option value3></option>
</select>
</fielset>
<fielset>
<button type="submit">
<button type="reset">
</fielset>
</form>
stackoverflow
. Если хотите, чтобы Вам дали точный ответ - добавьте Вашу разметку в вопрос.