输入框帮助JavaScript / HTML

时间:2017-03-14 19:45:41

标签: javascript syntax-error

MAJOR EDIT: 好的,所以我必须创建一个像this这样的HTML页面。我已经完成了HTML工作,但我在Javascript部分需要帮助。所以有2个部分 - 首先在单击+时创建其他文本框,我已经完成了



textBoxNum = 2

function addElement() {
	if (textBoxNum => 2)  {
		textBoxNum++;
		var objNewDiv = document.createElement('P');
		objNewDiv.innerHTML = '<input type="text" placeholder = "Option ' + textBoxNum + '" id = "option' + textBoxNum + '" />';
		document.getElementById('content').appendChild(objNewDiv);
	};
;}
&#13;
&#13;
&#13;

第二部分是从输入框中获取信息并将其保存到变量的本地存储中,考虑到用户可以点击+并添加更多输入框,我该怎么做?

1 个答案:

答案 0 :(得分:0)

实际上你不能以这种方式设置变量的名称,而是你可以 1)创建一个数组选项= [],并保持使用选项[x]
2)创建具有某个类的输入(例如class =&#34; option&#34;)并使用
var options = document.getElementsByClassName("option");
返回一个数组
3)创建具有特定名称的输入(例如name =&#34; option&#34;)并使用
var options = document.getElementsByName("option");
返回一个数组
4)获取页面上所有输入的数组
var options = document.getElementsByTagName('input');