Запустить это событие для работы над .click()

Question

Когда я нажимаю кнопку отправки, я хочу, чтобы она отображала/скрывала div, если значение параметра select равно 2-6. Если значение равно 1 (отключена опция), я не хочу, чтобы кнопка нажала кнопку «сделать».

<select id="brand_bu" name="selected" class="form-control" onchange="panelHeader()"> 
    <option value="1" disabled selected>Please Select a Option..</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
    <option value="6">6</option> 
</select> 

<span class="input-group-btn"> 
    <button class="btn btn-primary" id="submit" type="button">Refresh Table</button> 
</span> 

Это мой исходный код запроса j: Здесь, по щелчку, он скрывает и показывает approriate divs. Я хочу сделать так, чтобы при щелчке значение отключено НИЧЕГО и работает только в том случае, если в раскрывающемся списке выбрано другое значение.

$(document).ready(function() { 
    $("#submit").click(function(){ 
     $("#hide").hide(); 
     $("#show").show(); 
    }); 
}); 

Я изменил и придумал это, но это все еще не так. Как только значение параметра изменяется, события запускаются и происходят до нажатия кнопки. Я хочу, чтобы добавить кнопку, нажмите на эту функцию правильно, так что

1) Если значение параметра = 1 выбран, ничего не происходит, когда нажимается кнопка 2) события вызывают только при нажатии кнопки & когда значение опции ! = 1

$(document).ready(function(){ 
    $("#submit").prop("disabled",true); 
}); 

$("#brand_bu").change(function(){ 

    if($(this).val() != 1){ 
     $("#submit").prop("disabled",false); 
     $("#hide").hide(); 
     $("#show").show(); 
    } 
    else 
    { 
     $("#submit").prop("disabled",true); 
     $("#hide").hide(); 
     $("#show").hide(); 
    } 
}); 

Answer 1

Попробуйте это:

$("#submit").on("click", function(){ 

    if($("#brand_bu").val() != 1){ 
     $("#submit").prop("disabled",false); 
      $("#hide").hide(); 
    $("#show").show(); 
    } 
    else { 
    $("#submit").prop("disabled",true); 
    $("#hide").hide(); 
    $("#show").hide(); 

    } 

}) 

Answer 2

это очень просто, все, что вам надо сделать, это проверить выбранное значение в избранных:

$(document).ready(function() { 
    $('#submit').on('click', function() { 
     if($('#brand_bu option:selected').val() != 1){ 
      //Not option 1. 
      //Hide and Show happens here 
     } else { 
      //Option 1 
      //Nothing should happen here 
     } 
    } 
}