【问题标题】:Pre Select an option in the select box in a modal depending on other selected value from another pagePre 在模态的选择框中选择一个选项,具体取决于另一个页面中的其他选定值
【发布时间】:2020-08-20 23:00:18
【问题描述】:

我有一个手风琴这里是代码:

<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 和 Simple form for Ruby on Rails 来实现它。

【问题讨论】:

    标签: jquery ruby-on-rails drop-down-menu simple-form jquery-selectbox


    【解决方案1】:

    您可以为标签添加类和数据选择,然后使用 javascript 预先选择

    &lt;a href="#apply" class="btn btn-hire class-of-a-tag" data-select="Junior Software Engineer"&gt; Apply Now&lt;/a&gt;&lt;/div&gt;

    试试

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

    【讨论】:

    • 抱歉,您指的是哪些标签?
    • 感谢您的帮助。它工作完美。你是救世主。
    猜你喜欢
    • 1970-01-01
    • 2018-08-17
    • 1970-01-01
    • 1970-01-01
    • 2020-05-23
    • 1970-01-01
    • 2020-05-13
    • 2013-11-12
    • 2020-05-14
    相关资源
    最近更新 更多