使用 jQuery 的材料设计禁用下拉菜单

Question

如何在使用jQuery点击按钮时禁用材料设计dropdown？

$("#btnoneway").click(function(){
  $(".airportToList").prop("disabled",true); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control airportToList"></select>

<a id="btnoneway">Click</a>

js:

$.each(a.airports, function (key, value) {
            $(".airportFromList").append($('<option></option>').val(value.code).html(value.city +' , '+ value.country +'  ('+value.code+')' ));
            $(".airportToList").append($('<option></option>').val(value.code).html(value.city +' , '+ value.country +'  ('+value.code+')' ));
        });

        $('.airportFromList').change(function () {
            //alert($(this).val());
            //Code to select image based on selected car id
        });

        $('.airportToList').change(function () {
            //alert($(this).val());
            //Code to select image based on selected car id
        });

上面的 jQuery 不工作。还有其他选择吗？

提前致谢

Answer 1

在这里检查过，这个正在工作。我给了“attr”而不是“prop”

$("#btnoneway").click(function(){
     $(".airportToList").attr("disabled","disabled"); 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control airportToList"> 
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<button id="btnoneway">click</button>