繁体   English   中英

当选择元素更改时,Rails更新表单的内容

Rails Updating Contents of a Form When a Select Element Changes

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个带有选择框和三个文本输入框的表单。 当选择框中的选项更改时,我想用与所选选项相对应的值更新三个文本输入框。 这些值是存储在服务器上的模型对象。

我正在使用Rails 3并试图使事情保持不干扰,但我找不到一种干净的方法来做到这一点。 我已经提出了几个可怕的,混乱的解决方案,但是还没有干净的方法。 将这一切联系在一起的好方法是什么? 特别是,我在选择元素从服务器请求模型对象时遇到麻烦。

这是生成表单的视图:

= form.select :region_id, region_options_for_select(@business_location.region), :prompt => '-- Region --'
= form.text_field :city
= form.text_field :state, :label => 'Province/State'
= form.text_field :country

因此,只要更改“区域”,我希望填充城市/州/国家/地区字段。 请注意,区域也是表单本身的一部分。

1 个回复

在jQuery中,类似这样的方法可能起作用:

$("select").live("change", function(e) {
  e.preventDefault();
  $.ajax({
    url: "/location/" + $(this).val(), //I think, it could be something else
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function(data) {
      //you're returning a JSON object, so just iterate through it and bind it to
      //the value attributes of each field
    },
    error: function(xhr,exception,status) {
      //catch any errors here
    }
  });
});

在Rails端的LocationsController#show中:

@location = Location.find(params[:id])
respond_to do |format|
  format.json { render :json => @location.to_json, :status => 200 }
end

大概就是这样。 将您拥有的控制器/模型名称替换为我组成的名称。

1 选择更改时是否替换嵌套表单项? (Rails / AJAX / StimulusJS)

我有一个带有预填充嵌套表单的标准Rails应用程序。 我在父模型上有一个选择,当用户更改嵌套项目的上下文时,需要清除它们并重新填充它们。 我一直在使用StimulusJS,想要这样的事情: 我越来越近了-当我更改选择时,将删除行。 我可以这样手动插入一行: 因为我在我的 ...

2 每当他们改变时更新表格

我想实现一个表单,该表单会在用户更改数据后立即发送。 例: 主持人正在编辑文章,它更改选择的值。 当他执行此操作时,ajax将请求发送到动态页面以更改该字段。 也许在更改后,如果一切正常,该页面应显示一个小框,显示“正在更新完成...” 那可能吗? 哪种方法最好? ...

3 更新表单时,我的sql select正在更新

我有一个公司表,我向数据库发送查询并获得我想要的公司。 当我必须在NOW()之前调用时,查询是按顺序排序的。 我在$ _SESSION中得到了查询。 然后我转到通过阵列的其他页面并显示给我。 每个公司都有一个表单,可以更改值,然后在更改任何内容时使用$ _POST进行更新。 如 ...

2019-04-17 19:59:23 0 37   php/ mysql
4 数据源更改时更新GUI元素

我有一个Silverlight应用程序和一个列表框,其中使用以下命令进行填充: 如果我随后将元素添加到AvailableProductList,则列表框将不会自动更新。 有谁知道如何更新列表框? tks,奥斯卡 ...

5 绑定变量更改时angularjs选择不更新

好的,我有一个选择标记绑定到控制器的作用域变量。 当应用程序初始化时,变量为空,因此选择列表将与一项一起生成-空项。 在运行功能中,列表被初始化,并且事件被广播。 控制器获取广播并使用98个值更新变量。 但是,select标签似乎无法更新。 我究竟做错了什么? HTML: ...

6 表单数据更改时视图不更新

我在这里有一个 StackBlitz 演示,它显示了这个问题: https ://stackblitz.com/edit/demo-nested-forms 如果您等待 2 秒,表单将被一个 observable 填充,您可以在彩色块下方看到表单数据为 JSON。 如果您更改任一输入中的文本并单击 ...

7 集合更改时Angular不更新ng-paginate的内容

我有一个正在使用ng-paginate在视图上显示的集合:“ .... tr dir-paginate =” item in data.gridData ...“ 我为用户提供了使用模式来编辑项目属性(项目状态)的功能。 保存状态后,我将从后端获取更新的网格数据并像这样进行绑定:$ sc ...

8 在Rails中更新视图内容

从Android应用程序接收数据后,我需要立即更新视图(HTML)。 我收到JSON格式的数据,然后将其插入表(MySQL)中。 通过此插入,我还希望在具有HTML视图的终端上发送接收数据。 以下是我收到的JSON 然后,我更新在数据库表“列表”中收到的JSON。 现在,我需要更 ...

9 AngularJS在选择时更新内容

我试图根据选择选项更新DIV的内容,但无法弄清楚如何更新它。 我这里有代码。 数据位于两个不同的JSON对象中。 因为只有一个JSON,我可以这样做,但是使用两个单独的JSON,如何更新我的内容? 我的HTML: 我的JS ...

10 为什么表格的内容改变了?

我正在尝试为symbol字段的choices创建动态列表。 我在视图内部创建该列表,然后将其放入表单构造函数。 我想从Dictionary模态中获取所有数据并将其放入choices并以我的形式显示,但是与此同时,我不需要显示Requirement模态中已经存在的数据。 开始时,它显 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM