Accessing Variables from Dynamic HTML

scripter50 · Dec 9, 2002

I am having trouble accessing variables that are in javascript - dynamically generated html forms. Typically I am writing a script with innerHTML generating radio or checkboxes, placed in <div> or <span> tags on my html page. My trouble is accessing the variables via hidden fields - I can't seem to get them to read.

<script>
function tariffText() {
document.all.dynText.innerHTML = "<table><tr><td>
<input type="radio" name="tariff" value="175" checked><br>
<input type="radio" name="tariff" value="128">
</td></tr></table>";
}
</script>

in my accessing the value...
function checkTariff(){
var i=0;
tariffChecked=-1;
for(i=0;i<document.formname.tariff.length; i++}
if(document.formname.tariff.checked) {
tariffChecked = i;
break;
}
}

passing the value to the hidden field...
function validateForm(){
if (!checkTariff()) return;
document.formname.tariff.value = + document.formname.tariffName.value;
document.formname.submit();
}
}

in my html page:
<input type="hidden" name="tariffName" value = "">
....<span id="dynText"></span>

Why can't I access the variables???
thanks in advance...

dfrankel · Dec 10, 2002

This code sould work for what you want.

<html>
<head>
<script>
function tariffText() {
document.all.dynText.innerHTML = "<table><tr><td><input type='radio' name='tariff' value='175' checked><br><input type='radio' name='tariff' value='128'></td></tr></table>";
}

function checkTariff() {
var i=0;
tariffChecked = -1;
for (i=0; i < document.formname.tariff.length; i++) {
if(document.formname.tariff.checked) {
tariffChecked = i;
break;
}
}
}

function validateForm() {
alert(document.formname.tariff);
if (!checkTariff())
return;

document.formname.tariff.value = + document.formname.tariffName.value;
document.formname.submit();

}

</script>
</head>

<body>
<form name="formname" method="get" action="#" onSubmit="validateForm();">
<input type=button name=d value="click me" onClick="tariffText();">
<br>
<input type="hidden" name="tariffName" value = "">
<span id="dynText"></span>
<input type=submit value=submit>
</form>
</body>
</html>

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Accessing Variables from Dynamic HTML

scripter50

IS-IT--Management

dfrankel

Programmer

Similar threads

Part and Inventory Search

Sponsor