我需要有關禁用按鈕的幫助，如果選擇了“否”選項，則禁用它，如果選擇“是”，則啟用它。我正在使用我的 AJAX 呼叫該選項。
這是我的<option>和的HTML 代碼<button>：
<label for="select-Require-CDS" class="col-form-label">Require CDS</label> <br/>
<select class="select-Require-CDS custom-select-sm col-6" id="select-Require-CDS" required>
<option selected disabled value="">Select ....</option>
</select>
<div class="invalid-feedback">
Please select a valid option .
</div>
<button id="select-Yes-No" style="margin-left: 10px; ">Select</button>
這是我的 AJAX 代碼：
$.ajax({
// The url that you're going to post. This is the url that you're going to put to call the backend api,
// in this case, it's https://ecoexchange.dscloud.me:8080/api/get (production env)
url: "https://ecoexchange.dscloud.me:8090/api/get",
// The HTTP method that you're planning to use i.e
// GET, POST, PUT, DELETE. In this case it's a get method, so we'll use GET
method: "GET",
// In this case, we are going to use headers as
headers: {
// The query you're planning to call; i.e. <query> can be UserGet(0), RecyclableGet(0), etc.
query: "RequireGet()",
// Gets the apikey from the sessionStorage
apikey: sessionStorage.getItem("apikey")
},
success: function(data, textStatus, xhr) {
console.log(data);
for (let option of data)
{
$('#select-Require-CDS').append($('<option>', {
value: option.RequireOption,
text: option.RequireOption
}));
}
},
error: function(xhr, textStatus, err) {
console.log(err);
}
});
這就是我的 JSON 回應：
[
{
"RequireOption": "No"
},
{
"RequireOption": "Yes"
}
]
所以我的網站顯示它是這樣的
現在我怎么能說我選擇選項為“否”按鈕被禁用但如果“是”被啟用？
如果沒有它也被禁用怎么辦？
uj5u.com熱心網友回復：
$('#select-Require-CDS').on('change', function(){
if($(this).val()=='Yes'){
$('#select-Yes-No').attr('disabled',false) //button is now enabled
}else{
$('#select-Yes-No').attr('disabled',true) //button is now disabled
}
});
這是一個偵聽選擇更改的處理程式。根據選擇的內容，它會調整按鈕的可用性。它未經測驗，但應該可以解決問題。
我使用過.on是因為您稍后將使用 ajax 添加屬性（稍后 = 在 dom 準備好之后），因此.change不會對這些選項起作用
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/386011.html
標籤：javascript html 阿贾克斯 按钮