我正在开发一个使用Rails和jQuery的应用程序。我想通过输入表单提交一个id整数值,但仍然在填写表单时向用户显示一个友好的文本值。文本输入字段使用jQuery自动完成,因此一旦用户选择了一个条目,整数值将被放入输入字段。有什么方法可以显示与实际提交的值不同的值吗?输入[type = text]提交的值不同于显示
回答
尝试使用组合框的功能为jQuery用户界面自动完成:
http://jqueryui.com/demos/autocomplete/#combobox
的期权的价值属性是什么获得与形式,而不是显示文本一起发送。
哦,我完全忽略了组合框的例子!谢谢! – Pogopuschel
有没有办法做到这一点,而无需添加下拉框,并只有该文本框? – lynnyi
@lynnyi,你会在哪里显示自动完成的选项? –
您可以使用
$('myform').submit(function() { /* your thing here */ });
,并在用户提交你的东西将运行。
谢谢,我明白了。但那意味着我仍然需要通过保持跟踪并替换所有我想修改的值来完成许多手动工作。在那种情况下,我可以将它放入控制器,这将是一个更清洁的解决方案。或者我忽略了什么? – Pogopuschel
我明白你想要做什么。 我做了同样的事情下降。 虽然从来没有尝试过一个文本框!:( 我所做的是,下拉列表显示数据库中的条目名称,当用户提交表单时,数据库中的ID被传递。 我希望那正是你想要的。 我把代码下同 我知道这是不是你在找什么,但它可能给你一个提示
在视图中:!
<%= f.select: facilitator_group_id,FacilitatorGroup.all.map {| fg | [fg.name,fg.id]}%>
FacilitatotGroup是我的模型名称。
干杯!嗨,我也觉得我们使用textfield的原因是用户输入他们想要存储在数据库中的数据。 因为你的原因,为什么不能使用下拉菜单?
您的代码仅适用于下拉菜单。选项标签具有文本和值属性,文本框不具有。我无法使用下拉菜单,因为我正在使用jQuery自动完成功能。 – Pogopuschel
或者,您还可以保留隐藏的输入字段,并使用“更改”事件来保持每次用户更改原始字段时更新隐藏的输入字段。
- 1. 在Angular 2中,如何在输入时提交input type =“text”的值?
- 2. disableSelection除了输入[type = text]
- 3. 如何使用JavaScript显示html输入:.html('<input type =“text”/>')
- 4. 使用另一个输入(type =“hidden”)的值初始化输入(type =“text”)?
- 5. 表单提交后不显示值的输入字段?
- 6. jQuery:显示隐藏字段取决于输入[type =“number”]值
- 7. 如何覆盖Html.TextBoxFor的输入[type =“text”]?
- 8. 笨:提交的表单不显示值
- 9. HTML5无论如何要将提交按钮直接包含到输入type =“text”
- 10. 提交后显示输入文字
- 11. JQuery Datepicker设置输入[type =“text”]
- 12. 在提交表单前显示表单数组的输入值
- 13. jQuery/Ajax/Json - 在提交相同类名输入时显示相应的值
- 14. 基于用户输入在Python中显示不同值
- 15. 输入提交标签被显示值IE属性文本“提交查询”
- 16. 在同一行显示输入文本和提交按钮
- 17. 提交后显示值
- 18. Jeditable - 显示原值提交
- 19. 表单提交不显示JavaScript输出
- 20. 在PHP中通过提交输入显示数组值
- 21. 如何在WebKit中输入INPUT TYPE =“IMAGE”不提交?
- 22. 动态创建JavaScript并将其用于输入type =“text”
- 23. 我的输入类型=“提交”不显示?
- 24. PHP:显示的值取决于输入
- 25. 便携式HTML/CSS用于将type = image的输入与type = text的输入进行垂直对齐?
- 26. javascript创建的输入[type =“text”]不会发布它的变量
- 27. TextInputLayout在输入时不显示提示
- 28. 表单输入值提交
- 29. 保持用户输入后按输入type =“提交”,而不使用jQuery或Ajax
- 30. Sql Excution Plan显示对于相同输入的不同结果
怎么样移动部分,找出从文本到导轨的数字? – Dani
我可以做到这一点,但我真的想保持我的控制器尽可能干净。此外,我有这种(大型)的多个案例,所以我不得不在控制器中添加相当多的自定义代码。我想知道是否有一些预建插件或方法来做到这一点。如果不是,我想我最终会把它放入控制器。 – Pogopuschel
你以前可以在datagrids中的action actions中做这样的事情) – SuperUberDuper