Jorntk said:
how to generate test fields base on the number selected in a drop down
option menu?
Something like:
<form name="myFormName" id="myFormId">
<select name="mySelect" onchange="createInputs(this);">
<option value="0">Select something</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</form>
<script type="text/javascript">
function createInputs(sel) {
if (document.getElementById &&
document.createElement &&
sel.selectedIndex > 0) {
var inputsToCreate = sel.options[sel.selectedIndex].value;
var inputElement;
var formElement = document.getElementById('myFormId');
if (formElement && formElement.childNodes &&
formElement.removeChild) {
while (formElement.childNodes.length > 1) {
formElement.removeChild(formElement.childNodes[1]);
}
for (var i = 0; i < inputsToCreate; i++) {
inputElement = document.createElement('input');
inputElement.id = 'field' + i;
inputElement.type = 'text';
formElement.appendChild(inputElement);
}
}
}
}
</script>
You'll want to fancy it up, add labels (document.createTextNode), etc.
Only the most modern standards compliant browsers will support the above
(IE6, Netscape7/Mozilla/Firefox/Camino, Safari, Opera 7(?)).
--
| Grant Wagner <
[email protected]>
* Client-side Javascript and Netscape 4 DOM Reference available at:
*
http://devedge.netscape.com/library/manuals/2000/javascript/1.3/reference/frames.html
* Internet Explorer DOM Reference available at:
*
http://msdn.microsoft.com/workshop/author/dhtml/reference/dhtml_reference_entry.asp
* Netscape 6/7 DOM Reference available at:
*
http://www.mozilla.org/docs/dom/domref/
* Tips for upgrading JavaScript for Netscape 7 / Mozilla
*
http://www.mozilla.org/docs/web-developer/upgrade_2.html