在视图中动态更改 Ruby-on-Rails 变量

发布于 2024-11-27 13:02:32 字数 364 浏览 1 评论 0原文

我有以下 select_tag

<%= select_tag :days, options_for_select(["Monday", "Tuesday"]) %>  

在视图的某个地方,我定义了以下变量。

<% @day_of_week = "Monday" %>

并表明:

<%= @day_of_week %>

我想在从select_tag中选择一个值后动态更改@day_of week

I have the following select_tag.

<%= select_tag :days, options_for_select(["Monday", "Tuesday"]) %>  

Somewhere, in the view I defined the following variable.

<% @day_of_week = "Monday" %>

And showed it :

<%= @day_of_week %>

I would like to dynamically change @day_of week, after a value is selected from the select_tag.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

甩你一脸翔 2024-12-04 13:02:32

为此,您可以使用 jquery。

将其添加到您的 html 文件的头部(如果您还没有 jquery):

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

像这样包装您的文本以给它一个 id:

<div id="text_to_be_changed"><%= @day_of_week %></div>

为您的 SELECT 选项卡提供一个特定的 id(如果 #days 由于某种原因不起作用)。

<%= select_tag :days, options_for_select(["Monday", "Tuesday"]), :id => "select_days" %>  

然后将这个不显眼的 JavaScript 添加到视图的末尾。
对 select#days 的任何更改都会触发 div#text_to_be_changed 的​​ html 的修改。

<script>
$(document).ready(function(){
    $('#select_days').change(function() {
        $('#text_to_be_changed').html($(this).val());
    });
});
</script>

You can use jquery for this.

Add this to the head of your html file (if you dont have jquery yet) :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

Wrap your text like this to give it an id :

<div id="text_to_be_changed"><%= @day_of_week %></div>

Give a specific id to your SELECT tab (if #days does not work for some reason).

<%= select_tag :days, options_for_select(["Monday", "Tuesday"]), :id => "select_days" %>  

Then add this unobtrusive JavaScript to the end of your view.
Any change to the select#days will trigger a modification of div#text_to_be_changed's html.

<script>
$(document).ready(function(){
    $('#select_days').change(function() {
        $('#text_to_be_changed').html($(this).val());
    });
});
</script>
熊抱啵儿 2024-12-04 13:02:32

您想显示用户从选择标签中选择的日期吗?..
使用不显眼的 JavaScript。它很简单,

$('#days').change(function() {
  $('#current_day').html(this.val());
});

其中“days”是选择标签的 id
'current_day' 将是您想要显示所选日期的 div 的 id

you want to display day user select from select tag?..
use unobtrusive JavaScript.its simple as that

$('#days').change(function() {
  $('#current_day').html(this.val());
});

where 'days' is id of select tag
and 'current_day' will be id of div where you wants to show selected day

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文