WEB相談室

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

タイトル:inputタグ(text)のdisabledを動的に変えたい

0:[投稿] ちびしん [2003/04/04 17:42 ][環境:winxp,ie6,サーバーなし サーバーなし]

こんにちは、いつも勉強させていただいています。

次の質問なんですが…

あるtextフィールドにある値が入った時、
別のtextフィールドのdisabledを動的に変えたいのですが、
どうしたらよいでしょうか?
stylesheetのvisibilityのような書き方でやってみましたが、
駄目でした(T_T)

stylesheetのvisibilityでも良いのですが、動作しないPCがあるので、
何とか別の方法をと、思っています。
宜しくお願いいたします。m(__)m


1:[回答] 名前無し [2003/04/04 18:13 ]

<input type="text" size="30" value="あるテキストフィールド" id="T1">
<input type="text" size="30" value="別のテキストフィールド" id="T2">

<script type="text/javascript">
<!--
// ある値
var value = "あいうえお";

var T1 = document.getElementById("T1");
var T2 = document.getElementById("T2");

T1.onchange = function(){ T2.disabled = (T1.value == value) ? true : false; };
//-->
</script>

こんな感じでしょうか。

「あるテキストフィールド」がフォーカスを失ったときに、
入力されている値を調べて「ある値」と等しいならば、
「別のテキストフィールド」の disabled を有効にしています。

WinXP-IE6SP1、WinXP-Mozilla1.0.1 で動作を確認しました。

入力値を動的に調べてはいませんので、ご希望通りじゃなければすみません。


2:[回答] 名前無し [2003/04/04 18:18 ]

あ、onchange ではなく onblur のほうがいいかもしれません。


3:[完了] ちびしん [2003/04/08 16:39 ]

こんにちは、ちびしんです。
名前無しさん!!お返事遅くなり大変申し訳ございません。
休暇と別件で試すことが遅くなりました。
ただいま動作を確認できましたことご報告いたします。
お手数お掛けし申し訳ございませんでした。
そしてどうも有難うございました。<m(__)m>

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World