2017-06-02 8 views
0

私はブートストラップまたはJavascriptを初めて使用しており、ドロップダウン選択の検証の問題に直面しています。私はデータベースからリストアイテムを動的に取り出し、それに対して妥当性を設定したい、それを強制的に選択する必要があるので、それを行うのを手伝ってもらえますか?前もって感謝します!!選択したドロップダウンのブートストラップまたはjavascript検証

$(function() { 
    $("#save").click(function() { 
     var optionTypeId = $("#optionTypeId"); 

     if (optionTypeId.val() == '-') { 
      //If the "Please Select" option is selected display error. 
      alert("Please select an option!"); 
      return false; 
     }   
      return true; 


    }); 
}); 
+0

あなたがドロップダウンhtmlコード – prasanth

+3

を表示することができ、現在のコードの問題は何ですか? – jkris

答えて

2

$(document).ready(function() { 
 
    var select = $('#test_select'), 
 
     save_btn = $('#save_btn'); 
 

 
    save_btn.on('click',function(e){ 
 
     if(select.length){ 
 
      if(select.val() === '') alert('select smth'); 
 
      else console.log('select val ='+select.val()); 
 
     } 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<select id="test_select"> 
 
    <option value="">Please select</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="opel">Opel</option> 
 
    <option value="audi">Audi</option> 
 
</select> 
 
    
 
<button id="save_btn">SAVE</button> 
 
    
 
</body> 
 
</html>

関連する問題