選擇框禁用自我選擇

Question

我想禁用選擇框，當用戶選擇的東西。 Javascript代碼：

function desabilitar(val) { 
    $(val).attr('disabled','disabled'); 
} 

HTML：

<select class="form-control" onchange="desabilitar('mes')" id="mes" name="mes"> 

但不工作...任何幫助嗎？

Answer 1

試試這個：

function desabilitar(val) { 
document.getElementById(val).disabled = true; 
} 

與jQuery相同：

function desabilitar(val) { 
    $("#" + val).attr('disabled', 'disabled'); 
} 

你想使用jQuery或JavaScript嗎？在你的問題中，你正在尋求JavaScript，但你正在使用jQuery？

Answer 2

您應該使用prop而不是attr，並確保您使用 '＃' 選擇由ID屬性：

例子：

function desabilitar(val) { 
 
    $('#'+val).prop('disabled', true); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="form-control" onchange="desabilitar('mes')" id="mes" name="mes"> 
 
    <option>123</option> 
 
    <option>456</option> 
 
</select>

Answer 3

您需要將"#" +添加到val之前。這將確保你正在尋找一個id爲val的元素。

function desabilitar(val) { 
 
    $("#" + val).attr('disabled', 'disabled'); 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="form-control" onchange="desabilitar('mes')" id="mes" name="mes"> 
 
    <option>Test 1</option> 
 
    <option>Test 2</option> 
 
    <option>Test 3</option> 
 
</select>

Answer 4

您需要使用＃正確地獲得通過id元素，並設置殘疾人屬性，就像這樣：

function desabilitar(val) { 
$("#"+val).attr('disabled','disabled'); 

}