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

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'); 
      } 
     } 

    }); 
});