0

コードのこの部分では、すべてのフィールドが選択されるまで送信ボタンを無効にする必要があります。送信ボタンを無効にすることは可能ですか？もしそうなら、親切に私たちを助けてください!!

           out.println("<html><body><form action=''>");
            out.println("<br><center><h1><font color='red'>Detailed DocID Status</font></h1>");
            out.println("<br> Year <select name='year'>");
            out.println("<option value=''>Select Year</option>");

            for(int i=2010;i<=2020;i++){
                out.println("<option value="+i+">"+i+"</option>");
            }
                out.println("</select>");

            out.println(" &nbsp;&nbsp;&nbsp; Month <select name='month'>");

                out.println("<option value=''>Select Month</option>");
                out.println("<option value='01'>Jan</option>");
                out.println("<option value='02'>Feb</option>");
                out.println("<option value='03'>Mar</option>");
                out.println("<option value='04'>Apr</option>");
                out.println("<option value='05'>May</option>");
                out.println("<option value='06'>June</option>");
                out.println("<option value='07'>July</option>");
                out.println("<option value='08'>Aug</option>");
                out.println("<option value='09'>Sep</option>");
                out.println("<option value='10'>Oct</option>");
                out.println("<option value='11'>Nov</option>");
                out.println("<option value='12'>Dec</option>");

                out.println("</select>");

            out.println(" &nbsp;&nbsp;&nbsp; Status : <select name='status'><option value='Select Status'>Select Status</option><option value='Approved'>Approved</option><option value='Clarifications'>Clarifications</option><option value='Pending'>Pending</option></select> &nbsp;&nbsp;&nbsp; ");
            out.println("<input type='submit'id='submit' name='subBtn' value='Submit' disable='disabled' onClick=doenable()>");
            out.println("</form></body></html>");
            out.println("<br><br>");

試した機能

 function doenable()
        {
            if(document.getElementById("year")!=null)
            {
                if(document.getElementById("month")!=null)
                    {
                        if(document.getElementById("status")!=null)
                            {
                                document.getElementById("subBtn").disabled=false;
                            }
                    }

              }

        }
4

2 に答える 2

1 
$("select").change(function() {
    if ($("select").filter(function () {
       return $(this).value == "";
    }).length == 0) {
     jQuery('#submit').removeAttr('disabled');
} else {
     jQuery('#submit').attr('disabled','disabled');
}

あなたのコードでは、次の 2 つの間違いを犯しています。

  1. .valueフィールドが選択されているかどうかを判断するために使用しません。
  2. ハンドラーは、送信ボタンのクリック ハンドラーではなく、要素のonchangeハンドラーにある必要があります。<select>
于 2013-05-15T17:14:56.120 に答える
0

jQueryを使用して、選択の変更イベントに関数を添付します

jQuery('select').change(function(){
    valid = true;
    jQuery('select').each(function(){
        if (jQuery(this).val() == ''){
            valid = false;
            return false;
        }
    });

    if (valid == true){
        jQuery('#submit').removeAttr('disabled');
    } else {
        jQuery('#submit').attr('disabled','disabled');
    }    
});
于 2013-05-15T17:07:42.353 に答える