[jQuery] Jquery Ajax load()
Hi,
I am using the command,
$("#divId").load('url');
my development is in J2EE(JSP).
The problem is the content loaded by this command is not accessible to
other jquery scripts.
like if i have cascading dropdowns. the user selects first dropdown,
based on its value the other dropdown gets loaded. the newly loaded
dropdown cannot be selected by using any selector expressions. i
cannot use the $("#newdropdown").change().
What is the problem. is it that the DOM is not being updated?
Will other jquery commands like $.ajax() solve the problem?
(Code for refrence below)
Regards
Abhinav
HTML:
<div id="dropdown1div">
<select id="dropdown1">
<option value="Apparel">Apparel</option>
<option value="Shoes">Shoes</option>
</select>
</div>
<div id="dropdown2div"></div> <!-- gets dynamically loaded to chose
the type of apparel or shoe-->
<div id="dropdown3div"></div> <!-- gets dynamically loaded to chose
the brand-- >
Script:
$(function(){
$(select#dropdown1).change(function(){
$("div#dropdown2div").load('dropdown1.html');
});
});
$(function(){ //
This is not working
$(select#dropdown2).change(function(){
$("div#dropdown3div").load('dropdown2.html');
});
});