How to use jQuery onChange with if / else statement's?
<p>I have a problem with javascript running because it is cashed.<br></p>

<p><strong>Example</strong></p>

<pre><code>//Init onClick event
$(document).on('click', '.select', function(){
    //Check if select has value
    if( $(this).val() ){
        console.log( $(this).val() )
    } else {
        console.log('no value')

        $(this).on('change', function(){
            console.log('Changed!')
        }
    }
}
</code></pre>

<p><strong>PROBLEM</strong><br>
Now consider i have a select. From start the value is empty and the option is disabled. First time i click the select, console will log "no value". <br>You click and you change option/value to something in the list.</p>

<p>Second time i click the select, an option is selected and it has a value. Console will now log "the value", but it will also log "changed".</p>

<p>I guess it's because i have run the else statement before and the onChange function is cashed in my browser or something like it...</p>

<p>How can i prevent this from happen.. or how should i write my code instead?<br> I need to check if a value is selected from start.. and i need to use the onChange function...</p>

<p><strong>UPDATE</strong><br>
When you click the select, i'd like to know if the select has a selected value. (To know if you change/edit a value OR if you choose value for first time) This is why i have a onClick function. Here i check the value.</p>

<p>After you clicked and i have checked the value, i like to trigger a onChange function.. that will do this for the edit route.. or that for the new route..</p>