我正在嘗試通過其值禁用選擇中的選項。當該值等于“確定”時，該選項可用。當“錯誤”選項時，允許它禁用選項。
$(document).ready(function() {
$.getJSON("https://sheets.googleapis.com/v4/spreadsheets/1_TBtn730WbjJF_qRjo3c6SQXj_EeGU_qKOZbPTkVxfg/values/Page!A2:B5?key=AIzaSyArRlzwEZHF50y3SV-MO_vU_1KrOIfnMeI", function(result) {
$.each(result.values, function(i, field) {
$("#SelectTestID").append('<option hidden="hidden" selected="selected" value="">Options</option><option value="' field[1] '">' field[0] '</option>');
});
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<select class="SelectTest" id="SelectTestID"></select>uj5u.com熱心網友回復：
如果我理解您的要求，您可以檢查元素的值field[1]并相應地設定元素的disabled屬性。option
另請注意，在下面的示例中，我洗掉了隱藏option元素，因為它沒有任何用途，并且我還使用模板文字來構建字串，因為它更易于閱讀且不那么冗長。
$(document).ready(function() {
$.getJSON("https://sheets.googleapis.com/v4/spreadsheets/1_TBtn730WbjJF_qRjo3c6SQXj_EeGU_qKOZbPTkVxfg/values/Page!A2:B5?key=AIzaSyArRlzwEZHF50y3SV-MO_vU_1KrOIfnMeI", function(result) {
$.each(result.values, function(i, field) {
$("#SelectTestID").append(`<option value="${field[1]}" ${(field[1] === 'wrong' ? 'disabled' : '')}>${field[0]}</option>`);
});
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<select class="SelectTest" id="SelectTestID"></select>uj5u.com熱心網友回復：
在當前示例中，您可以通過檢查field[1]是否等于“錯誤”來執行此操作，如果是，則將disabled="true"屬性添加到選項中。
這是一個可能看起來像的示例：
$(document).ready(function () {
$.getJSON(
"https://sheets.googleapis.com/v4/spreadsheets/1_TBtn730WbjJF_qRjo3c6SQXj_EeGU_qKOZbPTkVxfg/values/Page!A2:B5?key=AIzaSyArRlzwEZHF50y3SV-MO_vU_1KrOIfnMeI",
function (result) {
$.each(result.values, function (i, field) {
let optionString = `<option hidden="hidden" selected="selected" value="">Options</option><option value="${field[1]}">${field[0]}</option>`;
if (field[1] === "wrong") {
optionString = `<option hidden="hidden" selected="selected" value="">Options</option><option value="${field[1]}" disabled="true">${field[0]}</option>`;
}
$("#SelectTestID").append(optionString);
});
}
);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="SelectTestID">
</select>您可以使用其他方法，但由于您已經使用字串來附加 Select 元素，因此我也使用了字串。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/457362.html
標籤：javascript html jQuery 数组
上一篇：邊欄影片在加載時一直播放