2

嗨,我有一个带有组合框的表单,用于管理多种类型的地址:

http://jsfiddle.net/JjH3x/

添加新地址时,启用这些字段以输入地址信息等。当添加或填写地址类型时,我想在组合地址类型中添加一个图标复选标记或其他内容,以便用户知道组合中的哪些地址类型已经有数据。

任何帮助将不胜感激。

非常感谢

4

1 回答 1

1

我已经分叉了您的 jsFiddle,并为您提供了如何完成此类事情的示例 - 您可以在这里找到它:http: //jsfiddle.net/Mw2qr/

我所做的一些更改包括:

  • 向您的函数对象添加一个新的计算 observable调用(这是检查地址中的所有字段是否包含某些内容的方法 - 如果需要,您可以改进/扩展逻辑)AddressisComplete
  • 我已添加valueUpdate:'afterkeydown'到您的表单中以获得即时验证。
  • 最后,我添加了一些示例输出,说明哪些地址是完整的,哪些不是。

请注意,您不应该只依靠客户端逻辑来检查是否所有地址都已填写 - 确保您也包含一些服务器端逻辑;)

- 更新

为了回答有关如何将颜色(或任何 CSS 样式)应用于select option表示“填写”地址的元素的问题的特定部分,我对初始 jsFiddle 进行了一些调整 - 最终结果可在此处获得:http ://jsfiddle.net/Mw2qr/1/

请注意,这可能是我今年最大的黑客攻击 - 似乎做你想做的事必须涉及一点 jQuery 魔法(我希望这可以使用纯粹的 knockoutJS 来解决 - 但据我所知,通过阅读options绑定在文档中,您想要实现的目标不受开箱即用的支持 - 但是,我的简单 hack 应该可以工作。它绝不是漂亮的,所以我希望你可能(至少)受到我的解决方案的启发,也许会来有了更优雅的东西;)

于 2012-08-28T19:01:45.843 回答