[jQuery] Function Problem
New to jQuery and trying to port a simple Select-Box-Value-Hides/Shows-
a-Text-Box script from JS to jQuery. I'm sure this must be something
simple, but it's driving me nuts.
Note: The following function is just an example for testing. If I
define & call the Function below without any parms (e.g. explicitly
set the "#showwhat option:selected" inside the function), it works
fine. But I have 2 Select Boxes where I need this behavior and would
like (if only for the sake of principle) to be able to pass in the
Selector and Value.
When passing in the Selector as a variable, the following snippet
executes only when the document loads, but not when the Selection
changes. As mentioned if I explicitly set the "#showwhat
option:selected" inside the function the script executes the alert
each time the Select Box value changes.
Can anyone identify why this isn't working with the variable? Maybe a
syntax problem forming the string with the variable?
----------- sample ------------
$(document).ready(function(){
$("#showwhat").change(onSelectChange("#showwhat"));
});
function onSelectChange(test){
var selected = $(test + " option:selected");
var output = "";
alert(selected.text());
if(selected.text() == "Tomorrow"){
output = "You Selected " + selected.text();
}
$("#output").html(output);
};