Rails 3通过下拉框更改div id

Question

我想在Rails 3 web应用程序上添加一个设置，以更改用户页面上的图像。内容是<div id="imac">，通过一个下拉框，我想让它将div id从imac更改为macbook。我该怎么做？

我想我需要创建一个到add_divid_to_users或类似的迁移，然后根据所选的div，在用户页面上显示它。

Answer 1

是的，你可以这样做。如果您只想区分CSS的图像，那么您可能会考虑使用image的id作为div的id，这样您就可以不向表中添加额外的列。

类似于：

<div id="<%= @user.image.id %>"></div>

Answer 2

您可以使用一些基本的javascript:来实现这一点

<style type="text/css">
    .my_div {
        width: 200px;
        height: 200px;
    }
    #imac { background: red; }
    #macbook { background: green; }
    #iphone { background: blue; }
</style>
<select id="div_changer" onchange="document.getElementsByTagName('div')[0].id=this.value">
    <option value="imac">Imac</option>
    <option value="macbook">Macbook</option>
    <option value="iphone">IPhone</option>
</select>
<div id="imac" class="my_div"></div>

然后，如果您想将下拉列表的选定值也存储在数据库中，则由您决定。