WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:リストボックスで選択しないと押せないボタン

0:[投稿] マリアージュ [2006/08/27 03:14 ] [環境:IE6,winXP わからない]

始めまして。過去ログ検索させて頂きましたが、解決できませんでしたのでよろしくおねがいします。

<form>
<input type=submit value="送信">
<select size="20">
<option value="xxx">
<option value="yyy">
<option value="zzz">
</select>
</form>

このようなフォームで、xxx〜zzzのどれかを選択していないと
送信ボタンが押せないようにdisabledを使いたいのですが、
(xxx〜zzzのどれかをクリックすると送信ボタンが活性化)
どう記述すればよろしいでしょうか?


1:[完了] マリアージュ [2006/08/27 14:31 ]

解決しました(たぶん大丈夫と思います)。
検索キーワードを変えてみたところ、酷似するものにヒットしました。
申訳ありませんでした。

------------過去の記事-----------------------------------

「セレクトボックスで何か選ぶとボタンを押せるようになる処理」
http://chaichan.lolipop.jp/qa4000/qa4194.htm

------------やってみたこと-----------------------------------

投稿者の方、レスをされた方のを組み合わせて

<script Language="JavaScript">
<!--
//継続ボタンの制御
function Check()
{

   if (document.getElementsByName('siji')[0].value != "")
   {
       SetVisible(true);
   }
   else
   {
        SetVisible(false);
   }
}
function SetVisible(fFlag)
{
   if (fFlag)
   {
       document.getElementsByName('keizoku')[0].disabled = false;
   }
   else
   {
       document.getElementsByName('keizoku')[0].disabled = true;    
       document.getElementsByName('siji')[0].options[0].selected = true;
   }
}
//継続ボタン押下処理
function onClick_keizoku() {
  var siji_opt = document.getElementsByName('siji')[0].options;
      for (i=0; i<siji_opt.length; i++){
          if (siji_opt[1].selected== true) {
              document.getElementsByName('check')[0].checked= false;
              break;
          }else if (siji_opt[2].selected== true) {      
               document.getElementsByName('txt')[0].value  = "";
              break;

          }
      }
}
// --></script>
<BODY= onLoad="SetVisible(false)">
<form name="siji"> ■name="siji"はselectにつけるようありましたが、すでに別の処理でnameを使用しているので、ここのformにつけました
<input type=submit value="送信" name="keizoku" onClick="onClick_keizoku();">
<select name="aaa" size="20" onChange="Check()">
<option value="xxx">xxx
<option value="yyy">yyy
〜略〜
<option value="zzz">zzz
</select>
</form>

ありがとうございました。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]