如果在關聯的單選按鈕上未選擇任何值，則會發生下拉驗證錯誤

Question

我有一個帶有兩個單選按鈕的表單：“是”和“否”。 如果選擇“是”，則用戶從兩個下拉菜單中選擇所需的內容。 如果用戶選擇“否”，則表單的JavaScript將使兩個下拉菜單均變灰。

我的jQuery代碼如下所示。 我補充說：

if(!$("#discount").prop("disabled") && $("#colour1, #shade1").val() == 'please select'){
    //alert('Please select');
}

但它沒有用。

兩個單選按鈕的name屬性都設置為discount 。 下拉菜單id屬性#colour1和#shade1 。

每個下拉菜單的第一個值是“請選擇”：

 $( function(){
        $("input[name='discount']").click(function() {
            $("#colour1, #shade1")
            .prop("disabled", this.value == 'No');
            if(!$("#discount").prop("disabled") && $("#colour1, #shade1").val() == 'please select'){ //alert('Please select'); }. 
        }).click();

    });

Answer 1

嘗試這個。

$( function(){
    $("input[name='discount']").click(function() {
        var isDisabled = (this.value == 'No');
        $("#colour1, #shade1").prop("disabled", isDisabled);

        if(!isDisabled){
             //Please select option is selected
             if($("#colour1")[0].selectedIndex == 0){
                 alert('Please select color');
             }
             //Please select option is selected
             if($("#shade11")[0].selectedIndex == 0){
                 alert('Please select shade');
             }
        }

    });
});