我正在为我的大学制作一个工具,允许学生通过以下方式创建课程列表:
通过自动填充输入字段按课程标题搜索课程。
将该课程添加到单独的表单中,该表单在提交时会创建课程列表。
我正在尝试将自动填充和课程列表表单与“添加到课程列表”按钮相关联,该按钮将隐藏的输入字段插入到课程列表表单中,随后可以通过“创建课程列表”按钮提交。 / p>
我的问题是: 如何在不使用AJAX的情况下获取自动完成输入的值并将其插入课程列表表单?
到目前为止,我有以下内容:
<%= text_field_with_auto_complete :course, :title, :size => 40 %>
<%= link_to_function "Add to Course List" do |page|
page.insert_html :top, :course_list, hidden_field(:courses, :course,
{:value => "$('course_title').value"}) %>
<% form_for(@course_list) do |f|%>
<div id="course_list">Insert selected courses here.</div>
<% end %>
答案 0 :(得分:0)
如果您使用以下代码,则可以在从自动完成中选择课程时将课程添加到表单
<%= text_field_with_auto_complete :course, :title,
{:url => '/courses/list', :method => 'get',
:with => "'search='+element.value",
:after_update_element =>
"function (ele, value){
#Here write your JavaScript code to for adding courselist to your form.
}
"} %>
在自动填充功能中,您可以在点击某个项目时运行JavaScript,我已经写了blog,但在我的情况下,我调用了一个ajax函数来更新表单。