javascript - 如果选项值存在，则禁用选择输入

Question

如果可以免费送货，我想禁用选择框。

<select name="shipping_method" id="shipping_method">
    <option value="">Select shipping</option>
    <option value="free_shipping">Free Shipping</option>
    <option value="international_delivery">International: $30.00</option>
</select>

我试过这个（不知道它是否会起作用）：

$(document).ready(function(){
    if($("option").val() == "free_shipping") {
        $("select").prop("disabled");
    }
});

然后假设表单提交：

$(document).ready(function(){
    $("form").submit(function() {
        $("select", this).prop("disabled", false);
    });
});

Answer 1

选择选择

$('#shipping_method').change(function(){
    var j = $(this);
    if(j.val() == 'free_shipping') {
        j.attr('disabled', true);
    }    
    else {
        j.removeAttr('disabled');
    }
}).trigger('change');

Answer 2

您可以使用$.has

$('#shipping_method').has('option[value="free_shipping"]').prop("disabled", true);

演示：小提琴