当选项被选中x次时，从下拉菜单禁用选项

Question

我有一个下拉菜单的形式，计算多少次选项已被选中。当选项被选中x次时，我想禁用选项。这是我的代码(第n次迭代)。我不擅长编码。)使所有选项无效。

var x = 10
var time_1 = parseInt(document.getElementById("time-1").value)
var time_2 = parseInt(document.getElementById("time-2").value)
var time_3 = parseInt(document.getElementById("time-3").value)

$("#id").children().each(function() {
     if (time_1 >= x) {
         $(this).prop("disabled", "true");
     }
});

Answer 1

在睡了一个好觉，喝了一杯好咖啡后，我设法找到了解决办法。我知道这不是很好的代码，但它对我有用。我可能对我的目标有点模糊。真对不起。

$(function (){
var x = 10
var time_1 = parseInt(document.getElementById("time-1").value)
var time_2 = parseInt(document.getElementById("time-2").value)
var time_3 = parseInt(document.getElementById("time-3").value)

if (time_1 > x) { $('#id option[value="Option value 1"]').attr('disabled','disabled'); } 
if (time_2 > x) { $('#id option[value="Option value 2"]').attr('disabled','disabled'); }
if (time_3 > x) { $('#id option[value="Option value 3"]').attr('disabled','disabled'); } 
});