無料でホームページ素材を提供しています。

オプションの選択検出

同じformグループ内であれば、設置するオプション数を増減しても編集せず対応できる仕様です。

動作の安全を確保するため、valueがヌルであるoptionを設置しております。

サンプル

ソース

head内ソース <script type="text/javascript"><!-- function checkOption(){ if(document.f1.s1.value=="" || document.f1.s1.value==null){ alert("何も選択されていません。"); }else{ alert(document.f1.s1.value+"が選択されています。"); } } // --></script> body内ソース <form name="f1"> <select name="s1"> <option value="">選択してください。</option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> </select> </form> <form name="f2"> <input type="button" value="OK" onclick="checkOption()"> </form>

《もくじへ│▲このページのトップへ