Показать сообщение отдельно
  #4 (permalink)  
Старый 06.04.2015, 15:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

отключение option с одинаковым value в других select
emulexx,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       $(document).on('change','select',function() {
          var s = $('select'),
          val = +this.value, data = $(this).data('val');
          s.not(this).each(function(indx, el){
          data &&  $('option[value="'+data+'"]', el).prop('disabled', false)
          val && $('option[value="'+val+'"]', el).prop('disabled', true)
                  });
          $(this).data({val:val});
          $(this).next().val(val);
      });
});


  </script>
</head>

<body>
<div id="alt_contact_div">
   <div class="alt_contact">
      <select name="alt_contact_sel" class="alt_contact_sel">
         <option value="0">&mdash;Выбрать&mdash;</option>
         <option value="1">Skype</option>
         <option value="2">ICQ</option>
         <option value="3">Mail.ru Агент</option>
         <option value="4">Вконтакте</option>
         <option value="5">Twitter</option>
         <option value="6">Facebook</option>
         <option value="7">Google+</option>
         <option value="8">LinkedIn</option>
         <option value="9">Github</option>
      </select>
      <input size="30" name = "site" class="input_alt_contact1" value="адрес или номер аккаунта" disabled = "disabled" type="text" maxlength="255" />
   </div>
</div>
<a href="javascript:void(0);" id="add_link" class="link" title="Добавить ссылку">+ Добавить ссылку</a>

<div id="alt_contact_div">
   <div class="alt_contact">
      <select name="alt_contact_sel" class="alt_contact_sel">
         <option value="0">&mdash;Выбрать&mdash;</option>
         <option value="1">Skype</option>
         <option value="2">ICQ</option>
         <option value="3">Mail.ru Агент</option>
         <option value="4">Вконтакте</option>
         <option value="5">Twitter</option>
         <option value="6">Facebook</option>
         <option value="7">Google+</option>
         <option value="8">LinkedIn</option>
         <option value="9">Github</option>
      </select>
      <input size="30" name = "site" class="input_alt_contact1" value="адрес или номер аккаунта" disabled = "disabled" type="text" maxlength="255" />
   </div>
</div>
<a href="javascript:void(0);" id="add_link" class="link" title="Добавить ссылку">+ Добавить ссылку</a>
<div id="alt_contact_div">
   <div class="alt_contact">
      <select name="alt_contact_sel" class="alt_contact_sel">
         <option value="0">&mdash;Выбрать&mdash;</option>
         <option value="1">Skype</option>
         <option value="2">ICQ</option>
         <option value="3">Mail.ru Агент</option>
         <option value="4">Вконтакте</option>
         <option value="5">Twitter</option>
         <option value="6">Facebook</option>
         <option value="7">Google+</option>
         <option value="8">LinkedIn</option>
         <option value="9">Github</option>
      </select>
      <input size="30" name = "site" class="input_alt_contact1" value="адрес или номер аккаунта" disabled = "disabled" type="text" maxlength="255" />
   </div>
</div>
<a href="javascript:void(0);" id="add_link" class="link" title="Добавить ссылку">+ Добавить ссылку</a>


</body>

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