jQuery - reusing change() function
Hello Experts,
If someone can give me advice on the following.
I have several selects:
<select id="search_1_unit">
...
</select>
<select id="search_1_m">
...
</select>
<select id="search_2_unit">
...
</select>
<select id="search_2_m">
...
</select>
<select id="search_3_unit">
...
</select>
<select id="search_3_m">
...
</select>
When the user selects a 'unit', I have an .change() jquery function that kicks in and dynamically populates
the search_1_m select.
ie
$('#search_1_unit').change
};
How do I rewrite this so that I don't have to write a
new function for each select.
ie I don't want to code:
$('#search_2_unit').change
};
$('#search_3_unit').change
};
etc
Many Thanks as always!
If someone can give me advice on the following.
I have several selects:
<select id="search_1_unit">
...
</select>
<select id="search_1_m">
...
</select>
<select id="search_2_unit">
...
</select>
<select id="search_2_m">
...
</select>
<select id="search_3_unit">
...
</select>
<select id="search_3_m">
...
</select>
When the user selects a 'unit', I have an .change() jquery function that kicks in and dynamically populates
the search_1_m select.
ie
$('#search_1_unit').change
};
How do I rewrite this so that I don't have to write a
new function for each select.
ie I don't want to code:
$('#search_2_unit').change
};
$('#search_3_unit').change
};
etc
Many Thanks as always!
Do more with
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
You may use : $('select').change(functio
http://api.jquery.com/element-selector/
Or : $("select[id^='search_']")
http://api.jquery.com/attribute-starts-with-selector/
http://api.jquery.com/element-selector/
Or : $("select[id^='search_']")
http://api.jquery.com/attribute-starts-with-selector/
$('select[id^="search_"]').change(function() {
alert( $(this).attr("id") );
//
});
Premium Content
You need an Expert Office subscription to comment.Start Free Trial