Показать сообщение отдельно
  #7 (permalink)  
Старый 25.05.2017, 17:52
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Ruslan_xDD,
Sav2907,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
#save {
    background-color: blue;
}
#save:disabled {
    background-color: red;
}

  </style>
 </head>

<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<button id="save" >СОХРАНИТЬ</button><br>
<select id="name1">
  <option selected></option>
  <option value="F100">F100</option>
  <option value="F200">F200</option>
  <option value="F300">F300</option>
</select><br>
<select id="name2">
  <option selected></option>
  <option value="F100">F100</option>
  <option value="F200">F200</option>
  <option value="F300">F300</option>
</select><br>
<select id="name3">
  <option selected></option>
  <option value="F100">F100</option>
  <option value="F200">F200</option>
  <option value="F300">F300</option>
</select>

<script>
$('select').on('change', function(){
  var name = document.querySelectorAll("[id^='name']");
  var a = false;
  for (var i = 0; i< 3; i++)  if(name[i].value == 'F200') {a = true; break};
  $("#save").prop("disabled", a)
  //.css({"background-color": a ? "red" : "blue"});
});
</script>



</body>
</html>
Ответить с цитированием