2

こんにちは、複数の種類のアドレスを管理するためのコンボ ボックスを備えたフォームがあります。

http://jsfiddle.net/JjH3x/

新しいアドレスが追加されると、アドレス情報などを入力するためにフィールドが有効になります。アドレスの種類が追加または入力されたときに、コンボのアドレスの種類にアイコンのチェックマークなどを追加して、コンボのどのアドレスの種類が既にデータを持っているかをユーザーに知らせたいと思います。

どんな助けでも大歓迎です。

どうもありがとう

4

1 に答える 1

1

私はあなたのjsFiddleをフォークし、そのようなことを達成する方法の例を作成しました-あなたはここでそれを見つけることができます:http://jsfiddle.net/Mw2qr/

私が行った変更のいくつかは次のとおりです。

  • 呼び出された関数オブジェクトに新しい計算されたオブザーバブルを追加します(これは、アドレスのすべてのフィールドに何かが含まれているかどうかをチェックするものです-必要に応じてロジックを改善/拡張できます)AddressisComplete
  • valueUpdate:'afterkeydown'すぐに検証できるように、フォームに追加しました。
  • 最後に、完全なアドレスとそうでないアドレスの出力例をいくつか追加しました。

ただし、すべてのアドレスが入力されているかどうかを確認するためにクライアント側のロジックだけに依存する必要はないことに注意してください。そのためのサーバー側のロジックも含めるようにしてください;)

- アップデート

「記入済み」のアドレスを表す要素に色(または任意のCSSスタイル)を適用する方法に関する質問の特定の部分に答えるためselect optionに、最初のjsFiddleをいくつか調整しました。最終結果は次の場所にあります。http ://jsfiddle.net/Mw2qr/1/

optionsこれは今年の私の最大のハックかもしれないことに注意してください-あなたが望むことを行うには少しjQueryの魔法が必要なようです(私はこれが純粋なknockoutJSを使用して解決できることを望んでいました-しかし私がバインディングについて読むことでわかる限りドキュメントでは、達成したいことはそのままではサポートされていませんが、私の単純なハックは機能するはずです。それは決してきれいではないので、(少なくとも)私のソリューションに触発されて来てくれることを願っていますよりエレガントなものでアップ;)

于 2012-08-28T19:01:45.843 に答える