Javascript 如何使用symfony2动态访问细枝模板中的对象

我甚至不知道这个问题的标题是什么。我从网络编程开始，我甚至不知道应该用什么技术来实现这一点

我有一个symfony2的条令数据库。这个数据库有图库，每个图库都有图像（两个表一个关系）

我正在将一个图库数组传递给一个细枝模板，在该模板中，我将选择一个图库并向图库中添加更多图像，添加新图库或使用“提交”按钮删除它们

现在正在使用此模板的：

<select class="listGalleries" id="listGalleries" name='id' size="10">
{% for gallery in galleries %}
    <option value="{{gallery.id}}" >{{gallery.name}}</option>
{% endfor %}
</select>

{%用于库中的库%}
{{gallery.name}
{%endfor%}

那就在表格里面

现在，我想做的是每次我点击一个项目的选择，显示，在同一网页上，所有选定的图片库

我不知道我应该使用哪种技术。我能用小树枝做吗？我必须学习ajax吗？我想我必须去数据库读取属于该图库的图片数据，但我不知道怎么做，或者symfony2是否为我提供了更好的解决方案

每一条建议都将受到感谢。

不能在twig中“动态”完成，因为在其呈现之后，没有办法更改输出

在我看来，你可以用两种方式：

使用twig在库中循环并输出它们，然后在更改选项时使用一些类似javascript的引导选项卡来显示每个库。在bootstrap中，您可以这样做（假设gallery->images关系在$gallery->images中）：

---

否则，您可以在从中选择库后使用ajax返回库图像，并在页面上的某个位置渲染库图像。这可以通过两种方式完成，在symfony中呈现html，然后使用javascript将输出放在页面中，或者只返回json（使用类似的东西），然后在javascript中创建html（我个人使用了很多）。

好的，非常感谢。我将尝试第一种方法：D因为它是一种管理功能，我想它不会使web过载，也不会加载所有图像：）

<div class="tab-content">
    {% for gallery in galleries %}
        <div class="tab-pane active" id="gallery{{ gallery.id }}">
             {% for image in gallery.images %}
                 <img src="{{ image.url }}" class="img-polaroid">
             {% endfor %}
        </div>
    {% endfor %}
</div>

$("select#listGalleries").change(function () {
    $("select option:selected").each(function () {
        $("#gallery" + $(this).attr('value')).tab('show');
    });
})