私はRailsとjQueryを使ってアプリケーションを開発しています。私は、入力フォームを介してID整数値を提出したいが、フォームに記入している間はユーザーにわかりやすいテキスト値を表示する。テキスト入力フィールドはjQueryオートコンプリートを使用しているので、ユーザーが入力を選択すると、整数値が入力フィールドに入れられます。実際に送信されたものとは異なる値を表示する方法はありますか?入力[type = text]表示と異なる値を送信
答えて
jQueryのUIオートコンプリートのためのコンボボックスの機能を使用してみてください:
http://jqueryui.com/demos/autocomplete/#combobox
オプションのvalue属性は、フォームではなく、表示テキストと一緒に送信されますものです。
ああ、私は完全にコンボボックスの例を見過ごした!ありがとう! – 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は私のモデル名です。
乾杯!
こんにちは。私がテキストフィールドを使用している理由は、ユーザーがDBに保存したいデータを入力するためだと感じています。 あなたの理由から、なぜあなたはドロップダウンを使用できませんか?
コードはドロップダウンメニューでのみ機能します。オプションタグにはテキストと値の両方のプロパティがあり、テキストボックスには表示されません。 jQueryオートコンプリートを使用しているため、ドロップダウンを使用できません。 – Pogopuschel
また、非表示の入力フィールドを保持し、元のフィールドを変更するたびに非表示の入力フィールドを更新するために「変更」イベントを使用することもできます。
- 1. ラベルと入力の間のパッド(type = 'text')?
- 2. 入力[type = text]対次のようにクラス特異
- 3. 入力時にv-modelと異なる値を表示
- 4. 送信ボタン:値と異なるボタンテキスト
- 5. ボタン入力の値を異なる入力タイプの値として送信する方法
- 6. 入力テキストと送信ボタンを同じ行に表示
- 7. 値の入力と表示
- 8. 入力フィールドが送信時に表示されない
- 9. 選択入力に基づいて異なる入力値を持つフォームを送信
- 10. 入力フィールドが空になるとアラートを表示し、送信ボタンをクリックしてエラーメッセージを表示します
- 11. AngularJS送信フォームの後に入力データを表示
- 12. htmlの入力フィールドに焦点を当てると、送信ボタンをハイライト表示
- 13. Servicenow - サービスカタログリファレンスフィールド - 表示値と異なる列を挿入
- 14. 入力フィールド値を他の入力フィールドに送信
- 15. フォームの値を非表示の重力フォームに送信
- 16. Javaクラスへの入力値の送信
- 17. 入力タイプ=「送信」値は、ブートストラップモーダル
- 18. 異なる入力ボックス依存値オプションを表示する方法
- 19. フォームなしで入力の値を送信する
- 20. 入力[type = text]遷移遅延が働いていません
- 21. type = "text/css"とtype = "text/stylesheet"の違いは?
- 22. ユーザ入力に基づいてPythonで異なる値でグリッドを表示
- 23. 入力値が表示されない
- 24. <input type = datetime-local>を入力し、その値を入力フィールドに表示します
- 25. 異なるTextAreaに入力されたTextFieldを表示する
- 26. 異なる入力タグにファイルパスを表示するJQuery
- 27. 表示異なる値
- 28. 送信ボタンが表示されない
- 29. Spinner's textをメールで送信
- 30. 入力値をutf-8として送信しますか? (Jsoup)
テキストから数字までの数字がわかる部分を移動するとどうなりますか? – Dani
私はそれを行うことができましたが、私は本当にコントローラをできるだけきれいに保ちたいと思っています。また、私はこの(大きなフォーム)の複数のケースを持っているので、私はかなりのカスタムコードをコントローラに追加する必要があります。私はいくつかの事前に構築されたプラグインやこれを行う方法があるのだろうかと思っています。もしそうでなければ、私はコントローラーに入れてしまいます。 – Pogopuschel
あなたはこれまでのようにデータグリッドのactionscriptでこれを行うことができました) – SuperUberDuper