Dynamic radio buttons and IE6

jagard · Dec 26, 2003

I am trying to create a form page which can contain input from dynamically created radio buttons

below is an example which works correctly in Mozilla/Netscape but fails in IE6

does anybody have any ideas

thanks
/*****************************************/
<html>
<head>
<script language="Javascript">

</script>
</head>
<body>
<select id=availfilters>
<option selected value="vg-lup"> Land Use
<option value="sale"> Sale
<option value="water"> Water
<option value="logical"> log
</select>
<input TYPE="button" VALUE="Add Filter" onclick="fnAddSel()" >

<form name="myform" METHOD="get" ACTION="">
<table>
<thead>
<tr><th colspan=2>Filter by</th></tr>
</thead>
<tbody id="mytbody">
</tbody>
</table>
</form>
<button onclick="javascript:document.myform.submit()"> Submit </button>
<br>
<br>

</body>
</html>
/*********************************************/

jamesmc · Jan 15, 2004

Hi Jagard,

The problem is that there is no NAME= in the radio element therefore the page can not pair the two radio buttons together! I have got your code working in IE6 by changing the part of the case statement that handles the logical output to:

Code:

	case "logical" : 
	  var oNewradio1 = document.createElement("<INPUT type=radio name=log" + filterel + " checked value=on>");
	  var oNewradio2 = document.createElement("<INPUT type=radio name=log" + filterel + " value=off>");
	  oNewTD2.appendChild(oNewradio1);
	  oNewTD2.appendChild(oNewradio2);
	  break;

As you can see, I have changes the CreateElement method slightly. You will notice that your method of creating the elements on the screen doesnt actually insert NAME for any of them so you may have trouble reading the values when you process the form. Out of curiousity, how do you read the values when you submit the form?

HTH,

James.

jagard · Jan 15, 2004

Thanks

to read the values from the submited for i use
get-value(?) which returns a comma separated list of all the fields on the sumited form
i then use a simple loop to step through the list and retrieve the data
do i = 1 to num-entries(get-field(?)):
x = get-field(entry(i, get-field(?)).
end.

again thanks very much

jamesmc said:
Hi Jagard,

The problem is that there is no NAME= in the radio element therefore the page can not pair the two radio buttons together! I have got your code working in IE6 by changing the part of the case statement that handles the logical output to:

Code:

case "logical" : var oNewradio1 = document.createElement("<INPUT type=radio name=log" + filterel + " checked value=on>"); var oNewradio2 = document.createElement("<INPUT type=radio name=log" + filterel + " value=off>"); oNewTD2.appendChild(oNewradio1); oNewTD2.appendChild(oNewradio2); break;

As you can see, I have changes the CreateElement method slightly. You will notice that your method of creating the elements on the screen doesnt actually insert NAME for any of them so you may have trouble reading the values when you process the form. Out of curiousity, how do you read the values when you submit the form?

HTH,

James.

Dynamic radio buttons and IE6

jagard

New Member

jamesmc

Member

jagard

New Member

Similar threads