How to conditionally run script based on option from select menu?

Question

I have a list of states in an option menu. I'd like to run a bit of jquery only when either CA or NV are selected. Here is what I have:

$('#state').change(function(){  var text=$('#state :selected').val();  
$('.st').val(text);      
});

Which I tried (unsuccessfully) to adapt to another bit of jquery like this:

<script type="text/javascript">
      $(document).ready(function() {
        $("#state").change(function() {
          if ($("#state option[value='CA']").attr('selected')) {



$('#state').change(function(){  var text=$('#state :selected').val();  
$('.st').val(text);      
});



          }
        });
      });
    </script>

Any idea what needs to be changed for this to work?

Town · Accepted Answer · 2011-04-15 18:11:41Z

1

Use

if ($("#state").val() == "CA")

jQuery val() will return the selected value from a select element.

Here's a working example: jsfiddle

EDIT: And here's one that clears the value too: jsfiddle

$(function() {
    $("#state").change(function() {
        var state = $(this).val();
        $(".st").val((state  == "CA") ? state : "");
    })
});

edited Apr 15, 2011 at 18:11

answered Apr 15, 2011 at 8:40

Town

14.9k3 gold badges50 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Paul Over a year ago

There is one issue now in that if a user selects CA and then goes back and selects another state, the value remains CA. What would I need to add in order to make anything else reset the value?

Town Over a year ago

@Paul: the value of what remains CA? The textbox?

Town Over a year ago

@Paul: See the edit in my answer, I think that's what you're after.

Paul Over a year ago

Aww, Town, so close - What I am actually looking to do is not so much clear the value as to reset the value to what it was initially. Really appreciate your help.

Juha Tauriainen · Accepted Answer · 2011-04-15 08:42:21Z

1

You could try:

      if ($("#state option[value='CA']:checked").length > 0) { ... }

answered Apr 15, 2011 at 8:42

Juha Tauriainen

1,6111 gold badge13 silver badges14 bronze badges

Comments

KutePHP · Accepted Answer · 2011-04-15 08:44:10Z

1

Try this -

 <script type="text/javascript">
  $(document).ready(function() {
    $("#state").change(function() {
      if ($("#state").val()=='CA') {
          //do something
         }    
      });
  });
</script>

answered Apr 15, 2011 at 8:44

KutePHP

2,2476 gold badges39 silver badges58 bronze badges

Comments

Paul · Accepted Answer · 2011-04-16 19:05:34Z

1

I ended up doing this, slight edit of Town's code (to account for t states and have a non blank default value:

<script type="text/javascript"> $(function() { $("#state").change(function() { var state = $(this).val(); $(".st").val((state == "CA" || state == "NV") ? state : "auto"); }) }); </script>

answered Apr 16, 2011 at 19:05

Paul

2255 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to conditionally run script based on option from select menu?

4 Answers 4

4 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related