在下拉项目选择上将URL添加到URL

时间:2014-05-07 12:29:56

标签: ruby-on-rails backbone.js ruby-on-rails-4

前端我使用Backbone和后端导轨。

我有一个如下所示的下拉列表

<select id="data-source-dropdown">
    <option value="1" <@if(client_type==1){@>selected<@}@>><a href='#adform' >Ad forms</a></option>
    <option value="2" <@if(client_type==2){@>selected<@}@>><a href='#ansform' >Ans form</a></option>
    <option value="3" <@if(client_type==3){@>selected<@}@>><a href='#bform' >B Form</a></option>
</select

当我选择其中一个时,我想在网址中显示,如果ad form选择我需要localhost:3000#adform

没有使用上面的代码显示

如何为下拉菜单

有没有办法在主干或铁路上做到这一点

1 个答案:

答案 0 :(得分:0)

我只是尝试过,如果我能做到并且有效,请尝试一下。

<select id="data-source-dropdown" onchange="append_info()">
  <option value="">Select one--</option>
  <option value="#adform">Ad forms</option>
  <option value="#ansform">Ans form</option>
  <option value="#bform"> B Form</option>
</select>

我不确定您的导轨状况,请使用<% %>

<script type="text/javascript" >
  function append_info() {
    var val = document.getElementById("data-source-dropdown").value;
    window.history.pushState("", "", window.location.href +  val);
  }
</script>

在更改时url会继续追加到上一个..

selected

使用这样的rails条件
 <option value="#adform" <% if condition %> selected <% end %> >Ad forms</option>