[jQuery] cascade plugin targeted to $(this)
Hi all!
I've tried to use cascade plugin from Mike Nichols and everything
goes fine until i need to adjust it for the several dropdowns.
[code]
<td class="tdg" id="a_g_s">
<div class="all_geo_select">
<div id="country_sel">
Country<br />
<select name="country_id[]">
<option value="0">Select the country</option>
<option value="1">Austria</option>
<option value="2">Bali</option>
</select>
</div>
<div id="resort_select">
Resort<br />
<select name="resort_id[]">
<option value="0">Select resort</option>
<option value="4">Bad Blumau</option>
</select>
</div>
</div> <!-- all geo 1 -->
<div class="all_geo_select">
<div id="country_sel">
Country<br />
<select name="country_id[]">
<option value="0">Select the country</option>
<option value="1">Austria</option>
<option value="2">Bali</option>
</select>
</div>
<div id="resort_select">
Resort<br />
<select name="resort_id[]">
<option value="0">Select resort</option>
<option value="4">Bad Blumau</option>
</select>
</div>
</div> <!-- all geo 2 -->
</td>
[/code]
I need that each Country drop down affects only on it's Resort drop
down.
I write this code:
jQuery(document).ready(function() {
jQuery("td#a_g_s div.all_geo_select").each(function(i){
jQuery("div#kurort_select select",this).cascade("div#country_sel
select",{
ajax: {
url: 'countries_ajax.js',
data: { myotherdata: jQuery("#ajax_header").html() }
},
template: commonTemplate,
match: commonMatch
});
}); // each
});
When I change the first div's Country it affects on both Resort drop
downs (but changing the second div's Country affects nothing!).
If I write
jQuery("div#kurort_select select",this).cascade(this,"div#country_sel
select",{
It affects on each drop down but the options become empty.
Help please to say THIS to cascade plugin.
Thanks in advance, Alexander.