点击无法运行js功能

Question

i have try everething but i can't change button text by choosing some item in "Requirements" dropdown. Here is the site.

At the bottom of the page there is "Requirements" dropdown. For each item i have onclick:

<li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted" onclick="qwerty()" role="presentation">

And I have JS code:

function qwerty() {
    if(jQuery('#role').val() != 'seeking-to-acquire-a-business') {
        jQuery("#ze-next").attr('value', 'Register');
    } else {
        jQuery("#ze-next").attr('value', 'Next');
    }
}

but text button still not changing when i choose "seeking to acquire a business" . Please tell me what i am doing wrong.

Answer 1

onclick not called when changing the value of #role.

use change event instead :

jQuery('#role').on('change',function(){
    qwerty();
});

or add onchange attribute in you #role element :

<select id="role" onchange="qwerty()" ...... >