在动态Web窗体上更改图像实例

时间:2016-02-08 18:12:04

标签: javascript jquery html angularjs reactjs

我正在寻找一个动态Web表单,当客户从一系列单选按钮中选择选项时,其他项目将添加到主图像中。

可以把它想象成你有一个Photoshop图层,上面的所有其他图层都可以根据客户在表单上的输入隐藏或显示。

所以,有两个问题......

  1. 我假设我应该在这个表单中使用JavaScript。作为JavaScript的初学者,有没有办法告诉它根据客户选择的多个输入更改图像?基本图像是相同的,但我希望在基本图像的顶部隐藏/显示多个“叠加”。

  2. 这是React可以处理的东西还是我应该看看像Angular这样的东西?

  3. 感谢您对此问题的帮助!

1 个答案:

答案 0 :(得分:0)

我可以通过提供一个实例来回答第一:http://codepen.io/zvona/pen/mVQWvX

它由三个组件FormControlsBlocksApp组成。名称是不言自明的,所以应该是代码本身。代码中可能存在一些小错误,因为它可以快速写入,但它应该让您深入了解如何使用React实现这一点。