How do i make an "onChange" event to register in internet explorer?

Hi all, i am writing an ajax and php application for a sec ondary school, and i want the contents of one select list to be based on the values of the select list that appears before it. The issue is that the onChange event that fires the function that sends the ajax request to populate the second select list does not have any effect when i am using internet explorer. Please help me fix this.
I have enclosed my code below.
Tanx.
This is the form that accepts data

Expand|Select|Wrap|Line Numbers

 <?php session_start();?>

<html>

<head>

<link rel="stylesheet" type="text/css" href="main2.css">

<script type="text/javascript">

 var request = false;

   try {

     request = new XMLHttpRequest();

   } catch (e) {

     try {

       request = new ActiveXObject("Msxml2.XMLHTTP");

     } catch (e2) {

       try {

         request = new ActiveXObject("Microsoft.XMLHTTP");

       } catch (e3) {

         request = false;

       }  

     }

   }

   if (!request)

     alert("Sorry Your Browser Settings Do Not Permit You To Use This Application!");

     var request2 = false;

   try {

     request2 = new XMLHttpRequest();

   } catch (e) {

     try {

       request2 = new ActiveXObject("Msxml2.XMLHTTP");

     } catch (e2) {

       try {

         request2 = new ActiveXObject("Microsoft.XMLHTTP");

       } catch (e3) {

         request = false;

       }  

     }

   }

   if (!request2)

     alert("Sorry Your Browser Settings Do Not Permit You To Use This Application!");

function get_number(){

var i=document.getElementById("number").value;

var class=document.getElementById("get_class").value;

var form=document.getElementById("form").value;

if (i=="")

{alert("Please Supply A Valid Number");

return;}

   if(form==0){

   alert("Please Select A Valid Form!!! ");

   return;}

else{ var url = "/demonstration/get_number.php?number=" + escape(i) + "&class=" +escape(class)+"&form=" +escape(form);

     request2.open("GET", url, true);

     request2.onreadystatechange = updatePage;

     request2.send(null);}
 
   }

      function updatePage(){

if(request2.readyState==4){

if(request2.status==200)

{var response2=request2.responseText;

if (request2.responseText=='')

{alert("Sorry,An Error Ocurred.Please Try Again Later.!!");}

else{
 
document.getElementById("feedback").innerHTML=response2;
 
}
 
}

else{

alert("Status is " + request.status);}}}

function getclass(){

var i=document.getElementById("number").value;

var form=document.getElementById("form").value;
 
   if(form==0){

   alert("Please Select A Valid Form!!! ");}

   else{

   var url = "/demonstration/get_class.php?form=" + escape(form);

     request.open("GET", url, true);

     request.onreadystatechange = updateForm;

     request.send(null);}}

     function updateForm(){

if(request.readyState==4){

if(request.status==200)

{var response=request.responseText.split("|");

if (request.responseText=='')

{alert("Sorry,An Error Ocurred.Please Try Again Later.!!");}

else{
 
document.getElementById("get_class").innerHTML=response[0];
 
}
 
}

else{

alert("Status is " + request.status);}}}
 
</script>

</head>
 
<body>

<div class="container" align="center">

<h2 align="center">Please Enter The Form,Class And Number Of Fresh Students You Want To Register Below</h2>

<hr/>

<?php 

$user_id=$_SESSION['user_id'];

include 'demo_connect.php';
 
$sql="select * from forms";

$result=mysqli_query($link,$sql);
 
echo '

<table><tr><td class=form align=right>Form:</td><td><select name="form" id=form onChange=getclass();>

<option value=0>Select Form Here</option>';

while ($r=mysqli_fetch_assoc($result))

{$form=$r['form_name'];
 
echo "<option value="; echo $r['form_id'];echo ">$form\n";

}

echo'</select></td></tr>

<tr><td class=form align=right>Class:</td><td id="class_feedback"><select id=get_class><option value=0>Get Class here</select></td></tr>
 
<tr><td class="form" align=right>Enter Desired Number Here:<td><input type="text" id="number"></td><td></td><td><input type="button" value="Submit Number" onClick="get_number();"></td></tr></table>

<div id=feedback></div>

<div id=submit_form></div>';

?>
 
</div>

</body>

</html>

AND THIS IS THE PHP FORM THAT RECEIVES THE AJAX REQUEST

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

</head>
 
<body>

<?php

include 'demo_connect.php';

$form_id=mysqli_real_escape_string($link,$_GET['form']);

$sql="select * from classes where form_id='$form_id' order by class_name";

$result=mysqli_query($link,$sql);

$a='

<select name="class" id="class" onChange=trial();>
 
';

while ($r=mysqli_fetch_assoc($result))

{$class=$r['class_name'];
 
echo "<option value=";echo $r['class_id'];echo">$class\n</option>";

}

echo'</select></td></tr>';

echo $a;
 
?>

</body>

</html>

Mar 30 '11 #1

Subscribe Post Reply

1001

Similar topics

Dropdown list "onchange" help

by: Mark Durgee | last post by:

I have a "submit" button in a form that creates a record in my Filemaker database that works as it should. This is the HTML for it: <INPUT TYPE="SUBMIT" name="-New" VALUE="Add Record"> I...

Javascript

Events for input type="file"

by: @lias | last post by:

Hi all I have a webpage where I want the user to input filenames. To make this easier, I use a file input type so that the user can select files rather than typing in the filename, using the...

Javascript

using the client side "onchange" event function

by: Norm via DotNetMonster.com | last post by:

I have an onchange event which fires when the content of an HTML textbox changes. My problem is that when I try to compare the content of this textbox with another HTML textbox using an if...

ASP.NET

Input Box "Onchange" event

by: julian.tklim | last post by:

Hi, I've got an input box with popup calendar (date picker) all generated using javascipt. Once a date is selected from the datepicker window, the date value is populated back to the input...

Javascript

"onchange" behaves differently on different browsers

by: jwarnock | last post by:

When a text field is terminated by a "tab" or change of focus, the browsers behave the same (IE, FireFox, Safari, Netscape). When the text field is terminated by a "return", then "onchange" is...

Javascript

onChange in <input type="file"...>

by: Tim Slattery | last post by:

I'm trying to handle the onChange event in an <input type="file"> element. In IE, there's no problem: the event fires when a file in the "open" box is doubleclicked, or the "Open" button in the box...

Javascript

FF vs IE "onchange" Question

by: mbiasetti | last post by:

Hello, quick question (hopefully): I have a script that manipulates two "Select" elements. My onload calls a function that sets onchange for each "Select": ...

Javascript

can a function change fields without having "onchange()" in field defintion?

by: TriAdmin | last post by:

I am working with a system that allow me to add custom fields but I can not add OnChange() language to the custom fields. So I want to have a function in the header that recognizes when fieldx is...

Javascript

"modern" javascript...

by: maya | last post by:

hi, so what is "modern" javascript?? the same as "DOM-scripting"? i.e., editing content (or changing appearance of content) dynamically by massaging javascript objects, html elements, etc? ...

Javascript

problem when changing the name of browse... of <input type="file" tag

by: sandeep kumar shah | last post by:

Hi, We have used a file uploading HTML tag in an HTML page. We need to customize the text displayed on the Button (which is by default “Browse…” for internet explorer). Below is the...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice