带有按钮和html的Javascript新输入字段

我已经创建了这部分代码。每当按下一个按钮，表单中就会添加一个新的输入论坛字段。如何每次在字段旁边添加文本和数字（从3开始）？ 例如：选项1：输入类型字段 选项2：输入类型字段 选项3：输入类型字段 等等

<SCRIPT language="javascript"> function add() {
//Create an input type dynamically.
var element = document.createElement("input");

//Assign different attributes to the element.
element.setAttribute("type", 'text');
element.setAttribute("value", '');
element.setAttribute("name", 'text[]');


var foo = document.getElementById("fooBar");
//Append the element in page (in span).
foo.appendChild(element);

}
</SCRIPT>

函数添加（）{
//动态创建输入类型。
var元素=document.createElement（“输入”）；
//为元素指定不同的属性。
setAttribute（“类型”，“文本”）；
元素。setAttribute（“值”，“”）；
setAttribute（“名称”，“文本[]”）；
var foo=document.getElementById（“fooBar”）；
//在页面中追加元素（在span中）。
foo.appendChild（元素）；
}

以下人员正在使用代码的上述部分（仅供参考）：

选项1:

备选案文2：

提前感谢！：）

var optionCount=3；
函数add（）{
//动态创建输入类型。
var元素=document.createElement（“输入”）；
var label=document.createElement（“标签”）；
label.innerHTML=“Option”+optionCount+++”：“
//为元素指定不同的属性。
setAttribute（“类型”，“文本”）；
元素。setAttribute（“值”，“”）；
setAttribute（“名称”，“文本[]”）；
var foo=document.getElementById（“fooBar”）；
//在页面中追加元素（在span中）。
foo.appendChild（标签）；
foo.appendChild（元素）；
}

选项1：


备选案文2：

<b>Option 1:</b> <input type="text" name="text[]" /><br />
<b>Option 2:</b> <input type="text" name="text[]" />
<input type="button" value="Add Option" onclick="add()"/>
<span id="fooBar"></span>

var temp = 3;

function add() {
var element = document.createElement("input");
var span = document.createElement("span");
    span.innerHTML = "Option "+temp;
//Assign different attributes to the element.
 element.setAttribute("type", 'text');
 element.setAttribute("value", '');
 element.setAttribute("name", 'text[]');


 var foo = document.getElementById("fooBar");

  foo.appendChild(span);
  foo.appendChild(element);

temp++;
}