在Rails中使用Javascript添加输入字段
Use Javascript in Rails to add input fields
我想,对于了解JS的人来说,这是一项非常容易的任务。
我只想为表单字段提供一个干净的UI,用户可以在其中动态添加任意多的信息。
一个例子:
假设我有一个小组(模型)。群组形式只是一个群组名称和成员。该表单允许您根据需要添加任意数量的成员。在表单上,应该显示0或1字段。当用户单击按钮"ADD MEMBER
"时,应显示一行字段::member_name
、:member_name
、:member_description
、:member_role
。
保存后,每个成员都会作为组的成员填充到数据库中。
您应该使用accepts_nested_attributes_for
,其中您的两个模型Group
和Member
之间的关联应该是:
Group has many Members
Member belongs to Group
查看本集Ryan Bates:
http://railscasts.com/episodes/196-nested-model-form-part-1
相关文章:
- Jquery添加输入字段和日期选择器
- 为提交文本区域添加输入
- jQuery动态使用.append()添加输入,但发布表单不是追加数据
- 动态jQuery不在.append()之后发布表单的添加输入
- 将Overlay添加到弹出窗口并添加输入类型字段以退出表单
- 使用按钮动态添加输入字段,而不删除唯一字段上的按钮
- 使用codeigniter动态添加输入字段
- mongodb用户配置文件添加输入时出现问题
- 动态添加输入字段,但字段是由外部PHP函数生成的
- 如何添加输入值
- 在填充另一个输入框时动态添加输入框
- 如何通过Jquery点击链接添加输入
- 添加输入onclickjQuery与PHP相关
- 在Rails中使用Javascript添加输入字段
- 如何创建带有rails的按钮,用javascript添加输入字段
- 拖放区插件为每个上传的图像添加输入
- 下拉以在选择“其他”时添加输入
- 如何使用jQuery添加输入字段并将Ajax调用到新的输入字段中
- 如何使用 Angular.js/Javascript 为 url 添加输入字段验证
- 在点击时动态添加输入元素