@Brendon把我带到了那里，但这里有一个非常简单的涡轮+刺激的例子。从下拉列表中筛选当前索引集合。

// app/javascript/controllers/select_controller.js
import { Controller } from "@hotwired/stimulus"

export default class extends Controller {

  connect() {
    
  }

  change(event) {
    const frame = document.getElementById('posts');
    frame.src=event.target.value;
    frame.reload();
  }
}

然后呢

<%# app/views/posts/index.html.erb %>
<select 
    data-controller="select"
    data-action="select#change">
    <option value="<%= posts_path(filter: 'unpublished') %>">Unpublished</option>
    <option value="<%= posts_path(filter: 'archived') %>">Archived</option>
    <option value="<%= posts_path(filter: 'featured') %>">Featured</option>
</select>

<%= turbo_frame_tag :posts do %>
  <%= render posts %>
<% end %>

您可以从网页上的某些元素触发事件：
1.将turbo-frame添加到您的网页：

<turbo-frame id="my-frame" src="/my/path">
 </turbo-frame>

1.添加一个输入元素，比如一个按钮，在页面的某个地方使用onclick()：

<input class="btn" name="123" id="btn" onclick="update_my_frame(name)">

1.在onclick（）触发的JS函数中，可以加载/重载turbo帧：

<script>
     update_my_frame(name) {
     // console.log(name);
     let frame = document.querySelector('turbo-frame#my-frame')
     frame.src = '/my/path' // => loads turbo-frame
     // ...
     frame.src = '/my/new/path'
     frame.reload() // => reload turbo-frame with updated src
 }
 </script>

<select 
    onchange="
        const frame = document.getElementById('my-frame');
        frame.src=event.target.value;
        frame.reload();"
>
    <option value="/examples">Examples</option>
    <option value="/help">Help</option>
    <option value="/faq">FAQs</option>
</select>