Ajax generated form fields value not posted in Firefox browser

[shoorace]

Dynamically AJAX generated form fields value are posted successfully in IE browser but the same thing not working in Firefox browser.

I checked printing $_POST array ie <? print_r($_POST); ?>. Those Ajax generated form fields are displayed as $_POST array index while using IE browser but the same fields are displayed as $_POST array index.

Please give me solution fast...its urgent

[REMIYA]

Which Ajax package do you use?
Post your form code!

[shoorace]

Basic code associated with this part is

<script>
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest){
XMLHttpRequestObject = new XMLHttpRequest();
}else if(window.ActiveXObject){
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

function getSystemSubClassAjax(whereto, divID, controlID){
if (XMLHttpRequestObject){
show_loading();
var obj = document.getElementById(divID);
var variables = "systemid=" + controlID.value;
XMLHttpRequestObject.open("POST", whereto, true);
XMLHttpRequestObject.setRequestHeader("Content-type","application/x-www-form-urlencoded")
XMLHttpRequestObject.onreadystatechange = function()
{
if (XMLHttpRequestObject.readyState == 1){
}
else if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200){
obj.innerHTML = XMLHttpRequestObject.responseText;
hide_loading();
}
}
XMLHttpRequestObject.send(variables);
}
}
</script>

[REMIYA]

I don't see where you assign your variables

XMLHttpRequestObject.send(variables);

[Servyces]

I don't see where you assign your variables

He does that with this code:

var variables = "systemid=" + controlID.value;

[REMIYA]

Dynamically AJAX generated form fields value are posted successfully in IE browser but the same thing not working in Firefox browser.

Where are the dynamically generated form fields values, and how do you extract them from your form!

[shoorace]

Dynamically generated form fields:

<select name="systemid" class="box_blue" onChange="getSystemSubClassAjax('../includes/medicine_process.php','divDisplayChoice',this)">
<option>System</option>
<?php
while ($systemdata = mysql_fetch_array($SystemName)){
echo '<option value="' . $systemdata['system_id'] . '">' . $systemdata['system_name'] . '</option>';
}
</select>
<div id="divDisplayChoice" align="left"></div>

[shoorace]

Dynamically generated form fields:

<select name="systemid" class="box_blue" onChange="getSystemSubClassAjax('../includes/medicine_process.php','divDisplayChoice',this)">
<option>System</option>
<?php
while ($systemdata = mysql_fetch_array($SystemName)){
echo '<option value="' . $systemdata['system_id'] . '">' . $systemdata['system_name'] . '</option>';
}
?>
</select>
<div id="divDisplayChoice" align="left"></div>

[shoorace]

<?
//medicine_process.php
session_start();
require_once("../includes/clsDbconn.php");
require_once("../includes/clsSystem.php");
$objDbconn = new Dbconn();
$objSystem = new System();

$result = $objSystem -> getSystemSubClassByidAjax($_POST["systemid"]);
if($result){
$display = "";
while($row = mysql_fetch_assoc($result)){
$display .= "<div><input type='checkbox' name='chkSystemId[]' value='" . $row['system_id'] . "' />" . $row['system_name'] . "</div>";
}
echo $display;
}else{
echo "No data found";
}
?>

[REMIYA]

Now I see where the real problem is.

This code is not cross browser, but works in IE only:

controlID.value

Here is the cross-browser solution for you:

controlID.options[controlID.selectedIndex].value;

Hope that helps

[Mysticserver]

Have you taken a look at jquery. It's a free cross browser java script library that will make your ajax/javascript life MUCH easier and reduce code size considerably.

I have used it for a couple of projects, and LOVE it.

(No affiliation with them other than being a fan).

-JasonR