1
Hi ,
I am new to JS. Please help me to resolve my issue.
1.When the form loads there are two DropDown boxes and a ADD button.
2.When I click the add button it will add two DropDown boxes and a add button.
I am calling a function onclick of first add button. I was able to produce two DropDown boxes, but not the button.
Step 2 will be done whenever the user press Add button.
Here is my code.
Please suggest if there is a better way to code this.
</head>
<body>
<div id="test" >
</div>
<form id="test1">
<select name="Field" onchange="loadListValues(this)">
<option value="" selected>Choose a Field</option>
<option value ="Accessibility">Accessibility1</option>
<option value="Automation">Automation1</option>
<option value="Cause">Cause1</option>
</select>
<select name="Values">
<option value="" selected>Choose a value:</option>
</select>
<input type="button" id="add" value="Add" onclick="addDropDown()" /> <br />
</form>
function addDropDown()
{
test1.innerHTML += "<select id=selFieldName name=selFieldName><option value='2'>Field </option></select>";
test1.innerHTML += "<select id=selFieldValue name=selFieldValue><option value='3'>Value </option></select>";
test1.innerHTML = "<input type="button" id="add1" value="Add1"/>";
}
