рони,
 А можно ещё пожалуйста один вопрос. Я уже почти к цели дошёл, сейчас вроде всё хорошо работает ну не так как нужно, сейчас попытаюсь объяснить! 
Когда я нажимаю первый раз на кнопку добавить и не выбираю категорию и нажимаю второй раз добавить категорию и потом уже добавляю категорию то всё работает как нужно, то есть в первом селекте я выбираю категорию "Java" и втором селекте "Java" уже нету. Но когда я нажимаю на кнопку добавить категорию, выбираю категорию и ещё раз нажимаю на кнопку добавить категорию код уже не работает 
 
div class='nested-fields'
  div class='field'
    = f.select :category_id, options_for_select(Category.all.map{|e| [e.name, e.id, { 'data-default_external_rate' => e.default_external_rate }]}, f.object.category_id),
    { prompt: "Select Category" },
    { class: "js-category-select" }
    = f.text_field :external_rate, { class: "js-external_rate",  label: 'Default External Rate' }
    = link_to_remove_association 'Remove Categories', f, class: 'btn btn-primary'
script 
  | $('.js-category-select').on('change', function(e) {
      var optionSelected = $("option:selected", this).data('default_external_rate');
      $(this).closest('.field').find('.js-external_rate').val(optionSelected)
    });
script 
  | var sel = $('select');
    sel.change(function(){
      var cVal = $(this).val();
      if(cVal !== ''){
        $('[value="' + cVal + '"]', sel).not(this).hide();
      } else {
        $('option',sel).show();
      }
    });
Вот когда я нажимаю сначала два раза добавить категорию а потом уже выбираю

потом я выбираю в категорию 

А это когда я нажимаю добавить категорию, выбираю категорию, ещё раз нажимаю добавить категорию выбираю и уже код не работает, а мне как то нужно сделать что бы именно так работал 

 и не могу понять как это сделать 
