实时生成图像的表格

Question

我希望构建一个实时更新图像的表单。

有人可以帮助我并告诉我创建类似于此的表单（语言，技术等）的最佳方式：http://www.demonplates.com/platebuilder.php

当您输入详细信息时，图像会相应更新。该表单将使用输入的数据发送到Google Checkout。

非常感谢。

Answer 1

您甚至不必为此使用AJAX。假设生成图像的脚本采用GET参数，例如：generate_image.php?text=foo

每次输入框的内容发生变化时，您都可以动态更新图像的src属性。这是使用jQuery的一个例子。

<input type="text" id="image_text" value="your text here" />
<br />
<img src="generate_image.php?text=your+text+here" alt="generated image" id="generated_image" />

JavaScript：

$('#image_text').change(function() {
    $('#generated_image').attr('src', $(this).val());
});