How to get option value on change AND on page load?

Question

I know that it is possible to do in two functions, but I am not sure how to make it in one.

$("#purchase_sub_type").change(function() {
   if($(this).val() == 15) {
       console.log('is 15');
   }
   else {
      console.log('not 15');
   }
});

This is example code. Problem is that this code works only on change, not when value is loaded form DB on page reload. Is there simple way to add current val to this function? I know that it is possible adding another function, but in that way code gets ugly and repeats.

Code need not get ugly and repeat: place your logic in a separate function and call that from two (or more) places... — Nivas, Jun 09 '14 at 13:21

score 3 · Accepted Answer · answered Jun 09 '14 at 13:20

3

Trigger the change event so the code fires

$("#purchase_sub_type").change(function() {
   if($(this).val() == 15) {
       console.log('is 15');
   }
   else {
      console.log('not 15');
   }
}).change();  //or .trigger("change");

answered Jun 09 '14 at 13:20

epascarello

204,599
20
195
236

wow, that was fast and simple! Thank you! – Roo Jun 09 '14 at 13:23

score 1 · Answer 2 · answered Jun 09 '14 at 13:24

1

Generally it is good idea to give function a name.

var field = $("#purchase_sub_type");

function log () {
    if(field.val() == 15) {
       console.log('is 15');
    }
    else {
       console.log('not 15');
    }
};

field.change(log);
log();

answered Jun 09 '14 at 13:24

Yury Tarabanko

44,270
9
84
98

How to get option value on change AND on page load?

2 Answers2

Linked