I would imagine that this fixes your problem:
$(document).ready(function(){
$("#showwhat").change( function(){
onSelectChange("#showwhat"));
});
});
But I'm not sure that this is the best way to approach this particular
problem. Try the code found here:
http://jsbin.com/udamo
Chuck Harmston
http://chuckharmston.com
On Sun, Apr 12, 2009 at 12:49 PM, djn12313 <djn12...@gmail.com> wrote:
>
> 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);
> };
>
