The onchange event in Ajax

I try this but not working:

Expand|Select|Wrap|Line Numbers

 
<select name="codice" id="codice" onChange="cerca_province(this.value);">

<option value="codice1">Testo 1</option>

Dec 1 '10 #2

8,658

Expert Mod 8TB

to use cerca_province(this.value); you have to define a parameter in the function definition:

Expand|Select|Wrap|Line Numbers

 function cerca_province(val)

{ /* your function code */ }

PS. and of course you have to use the defined parameter.

PPS. with proper event handling, you could get the select’s value without further ado through this.value anywhere in the function.

Dec 1 '10 #3

Thanks for your suggestion, but not working...

In the asp page estrai.asp the value of parameter "codice" is correct but in the this asp page (index.asp) I don't not read the value of parameter "codice".

I don't receive error... but not read the value of parameter...

Can someone help me?

index.asp

Expand|Select|Wrap|Line Numbers

 
<html>
 
<head>

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<script type="text/javascript" language="javascript">
 
var estrai_province;

var codice
 
function cerca_province(codice) 

{

    if (window.XMLHttpRequest)

    {

        estrai_province = new XMLHttpRequest();

    }

    else if (window.ActiveXObject)

    {

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

    }
 
    if (estrai_province)

    {

        estrai_province.onreadystatechange = ricevi_province;

        estrai_province.open("GET", "estrai.asp?codice="+codice, true);

        estrai_province.send(null);

    }

}
 
  function ricevi_province() {   

    var province;       

      if (estrai_province.readyState == 4) {        

          province=estrai_province.responseText;
 
            document.getElementById('provincia').innerHTML = province;

             }
 
    }
 
</script>

</head>
 
<body>

<form method="post" action="" name="form">

<table>
 
<%nome_form="form"%>
 
<tr>

<td>

<select name="codice" onChange="cerca_province(this.options[this.selectedIndex].value);">

<option value="0">Seleziona</option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

</select>

</td>

</tr>
 
<tr>

<td id="provincia"></td>

</tr>
 
</table>   
 
//// This value not read ////                    

<% response.write request.querystring("codice") & "<br>" %>
 
</form>
 
</body>
 
</html>

Dec 1 '10 #4

8,658

Expert Mod 8TB

Thanks for your suggestion, but not working...

not the way you think …

given the way AJAX works, why should line #68 return something at all?

one correction to make: remove var codice, codice is a parameter, not a variable.

Dec 1 '10 #5

OK, I correct the code.

Link of the page: http://www.romatitlan.com/public/index.asp

I need read the value of parameter "codice" also on the page index.asp.

It's possible?
Thanks.

Dec 1 '10 #6

you can do?

Dec 2 '10 #7

8,658

Expert Mod 8TB

given your link, the AJAX works without fail.

Dec 2 '10 #8

Yes, I have modify the script and I read the value of codice in the index.asp

But if I use the codice_value in the server language, for example in ASP query:

Expand|Select|Wrap|Line Numbers

SELECT * FROM tbl WHERE codice_value = ???

What value should I write in this query?

Dec 2 '10 #9

8,658

Expert Mod 8TB

er, I didn’t understand that question.

Dec 2 '10 #10

I need execute ASP query using the value of variable "codice".

I read in the index.asp the value of variable "codice" with:

Expand|Select|Wrap|Line Numbers

<span id="codice_value"></span>

how do I change this ASP query ? :

Expand|Select|Wrap|Line Numbers

SELECT * FROM tbl WHERE codice_value = ???

Thanks for your attention.

Dec 2 '10 #11

8,658

Expert Mod 8TB

sorry, but I can’t help you with ASP related questions.

Dec 2 '10 #12

by: Covad | last post by:

Hi all, For some reason my change() function is only called when the page loads. I'd much rather it gets called when the select changes. Here's the code: window.onload = init; function...

onChange Event is not working

by: Asit | last post by:

In JavaScripts checks for an onChange event against the value of the textbox at the time of the last onChange event. Since an onChange Event never fired after you changed the text first time ,...

calling clientside js with onchange event

by: Zeebra3 | last post by:

Here goes: I have a web form with several asp:dropdownlists, with which, when selection is changed I want to fire an event defined in some clientside js. The content of the clientside code is...

ASP.NET

focus after onchange event and regex test not working

by: jab3 | last post by:

Hello. I"m new to this group, and to JavaScript in general, so please forgive me if I breach local etiquette. I'm trying to implement some client-side 'dynamic' validation on a form. I'm having...

Trapping onChange event

by: b_naick | last post by:

I realize that the onChange event for a drop down can be trapped as follows: <select name="myDropDown" onChange="somefunc"> Is it possible to trap the onChange event outside of the select...

JavaScript error with onChange event handler -- FireFox 1.5

by: David McNerney | last post by:

Would anyone be able to tell me why I get an error in FireFox 1.5.0.1 for MacOSX when I type some text and hit Enter in the following form: <html> <body> <form action="http://example.com"...

Ajax Toolbox - using onchange event

by: itp | last post by:

I have moved to Matt Kruse's Javascript Toolbox. It has some great examples to get you going quickly! Unfortunately all the examples are based on a form/submit model. I would like to try using...

How can I programatically invoke the onChange event?

by: langdale | last post by:

I am using a popup calendar to populate an input field. When the contents of this field change I need the onChange event to fire so that I can perform further updates. The onChange event...

php and ajax dynamically created select box onchange event

by: Leena P | last post by:

i want to basically take some information for the product and let the user enter the the material required to make this product 1.first page test.php which takes product code and displays...