If you really must pass the select object then try something like this
$(document).ready(function(){
$("#showwhat").change(function() { show_output( $(this) ); });
function show_output(my_select) {
var selected = my_select.val() ;
var output = "";
if(selected == "Tomorrow") output = "You Selected " + selected;
$("#output").html(output);
}
});
On Apr 12, 11:55 pm, Ryan <ryank...@gmail.com> wrote:
> How about something like this
>
> $(document).ready(function(){
>
> $("#showwhat").change(function() { show_output( $(this).val
> () ); });
>
> function show_output(selected) {
> var output = "";
> if(selected == "Tomorrow") output = "You Selected " +
> selected;
> $("#output").html(output);
> }
>
> });
>
> On Apr 12, 6: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);
>
> > };
