Предварительно Выберите параметр в поле выбора в модальном окне в зависимости от другого значения, выбранного на другой странице - PullRequest
Новая
       65

Предварительно Выберите параметр в поле выбора в модальном окне в зависимости от другого значения, выбранного на другой странице

0 голосов
/ 06 мая 2020

У меня есть аккордеон, вот код: 

<div class="accordion">
            <div class="accordion-title accordion-area">
              <a href="#joinus/jr-software-engineer/" id="accordion-link">Junior Software Engineer</a>
            </div>
            <div class="accordion-container">This is the Body <a href="#apply" class="btn btn-hire"> Apply Now</a></div>
            <div class="accordion-title accordion-area">
              <a href="#joinus/sr-software-engineer/" id="accordion-link">Senior Software Engineer</a>
            </div>
            <div class="accordion-container">This is the Body <a href="#apply" class="btn btn-hire"> Apply Now</a></div>
            <div class="accordion-title accordion-area">
              <a href="#joinus/software-engineer-intern/" id="accordion-link">Intern Software Engineer</a>
            </div>
            <div class="accordion-container">This is the Body <a href="#apply" class="btn btn-hire"> Apply Now</a></div>
</div>

После нажатия каждой отдельной кнопки «Применить» открывается это модальное окно: 

<div id="apply" class="modal-holder">
  <a class="base-close" href="#joinus"></a>
  <div class="modal">
    <a class="close-modal" href="#joinus"><i class="fa fa-times"></i></a>
    <div class="modal-header">
      Apply
    </div>
    <div class="modal-body">
      <%= form_for @job_application do |f| %>
        <div class="row" role="list">
          <div class="col-6">
            <div class="form-holder">
              <%= label_tag(:role, 'Job Position *') %>
              <%= f.select :role, options_for_select(['Junior Software Engineer','Senior Software Engineer', 'Intern Software Engineer']), class: 'text-box' %>
            </div>
          </div>  
        </div>
        <%= submit_tag 'Send', class: 'btn btn-primary btn-large' %>
      <% end %>
    </div>
  </div>
</div>

Теперь происходит то, что список заданий в поле выбора появляется так же, как и в коде, но я хочу, чтобы всякий раз, когда модальное окно открывается из ссылки на вакансию, из которой было нажано модальное окно, название должности было предварительно выбрано в поле выбора, как если бы оно появилось при первом из список и быть выбранным по умолчанию. Я хочу добиться этого, используя jQuery и простую форму для Ruby на Rails.

1 Ответ

1 голос
/ 06 мая 2020

Вы можете добавить класс и выбор данных для тегов, а затем использовать javascript для предварительного выбора

<a href="#apply" class="btn btn-hire class-of-a-tag" data-select="Junior Software Engineer"> Apply Now</a></div>

Попробуйте 

$('.class-of-a-tag').click(function() {
  $('#id-of-select-box').val($(this).data('select'))
})
...