Отключение раскрывающегося списка в другом раскрывающемся списке с помощью js

Я застрял с этим на моей странице php. Я не могу отключить еще одно раскрывающееся меню при выборе другого раскрывающегося списка. Мой HTML-код:

<div class="form-group" >
    <label for="status" class="col-sm-3 control- label">Dropdown1</label>
         <div class="col-sm-6">
        <select  name="status" id="status" onchange="DisableMenu()">                                 
                 <option value="1">1</option>
                 <option value="2">2</option>
                 <option value="3">3</option>
                 <option value="4">4</option>                               
        </select>            
    </div>
</div> 
 <div class="form-group" >
    <label for="status" class="col-sm-3 control-label">Dropdown2</label>
     <div class="col-sm-6">
        <select name="progress" id="progress" >                                 
                 <option>1</option>
                 <option>2</option>
                 <option>3</option>
                 <option>4</option>                               
        </select>            
    </div>
</div>

Меню отключения js:

<script type="text/javascript">

    function DisableMenu()
    {
        if(document.getElementById("status").value=="1" || document.getElementById("status").value == "2")
        {
            document.getElementById("progress").disabled = "true";
        }
        else
        {
            document.getElementById("progress").disabled = "false";
        }                       
    }                   
</script>

Я пробовал много способов. Я думаю, что это о JS. Но похоже, что «onchange» не перенаправляется должным образом. Он даже не попадает в функцию DisableMenu(). Я также попытался изменить .disable = "true" на "disabled", и все равно это не работает. Я также пробовал .style.display = "block" и "none". Я не могу понять, что на самом деле не так. Пожалуйста, помогите мне здесь.


javascript html dropdown disabled-input
person Alif Noushad    schedule 16.05.2017    source источник
comment
правильное написание от getElemnetById до getElementById   -  person XYZ    schedule 16.05.2017
comment
Спасибо, я этого не заметил. Но это не работает полностью. Он полностью отключается при каждом изменении. не проверяет условия   -  person Alif Noushad    schedule 16.05.2017
comment
сначала он включен, а затем при изменении отключается. не проверяет значения   -  person Alif Noushad    schedule 16.05.2017
comment
измените это document.getElementById("progress").disabled = "false"; на document.getElementById("progress").disabled = false; @Alif Noushad   -  person XYZ    schedule 16.05.2017

Ответы (1)


arrow_upward
0
arrow_downward

изменить это

document.getElementById("progress").disabled = "false";

to

document.getElementById("progress").disabled = false; 

function DisableMenu(){
   
  if(document.getElementById("status").value=="1" || document.getElementById("status").value == "2"){
      document.getElementById("progress").disabled = true;
  } else {
    document.getElementById("progress").disabled = false;
  } 
                  
} 
<div class="form-group" >
    <label for="status" class="col-sm-3 control- label">Dropdown1</label>
         <div class="col-sm-6">
        <select  name="status" id="status" onchange="DisableMenu()">                                 
                 <option value="1">1</option>
                 <option value="2">2</option>
                 <option value="3">3</option>
                 <option value="4">4</option>                               
        </select>
    </div>
</div> 
<div class="form-group" >
    <label for="status" class="col-sm-3 control-label">Dropdown2</label>
     <div class="col-sm-6">
        <select name="progress" id="progress" >                                 
                 <option>1</option>
                 <option>2</option>
                 <option>3</option>
                 <option>4</option>                               
        </select>
    </div>
</div>

person XYZ    schedule 16.05.2017