如何创建简单的自动代码生成器？

Question

我正在尝试创建一个简单的表单,其中人们输入一些值,并在提交自动生成表单下面的代码.然后他们可以复制使用.

即

Input 1 width(px) - 200

Input 2 height(px) - 300

Input 3 content - Hello world

提交按钮

[code to copy]

[div width="200px" height="300px"]Hello world[/div]

[/code to copy]

Answer 1

这可以实时完成,无需提交.

这里:http://jsfiddle.net/NzFeb/

$("input").keyup(function() {
    $("#result").text(
        '<div width="' + $("#width").val() + 
        'px" height="' + $("#height").val() + 
        'px">' + $("#content").val() + 
        '</div>');
});

为了简化代码,我使用了库jQuery.

• jQuery网站
• 如何在您的网站中设置jQuery