- PR -

javascript教えてください！（グレーダウン）

1
投稿者投稿内容
ななせ
会議室デビュー日: 2007/03/28
投稿数: 7
投稿日時: 2007-04-13 15:51
プルダウンでTEL用フォームを選択した場合、
「訪問1〜3」のテキストボックスがグレーダウンになり
プルダウンで訪問フォームを選択した場合、
「TEL1〜3」のテキストボックスがグレーダウンになるように
javascriptで書きたいのですが、どう書いたらいいのでしょうか？
調べながらちょこっと書いたのですが・・・・
どなたかご親切な方お手柔らかにお願いします。。

<html>
<body>
<FORM>
<H5>フォームを選択してください</H5>
<SELECT name="sentaku">
<OPTION value="tel">TEL用フォーム</OPTION>
<OPTION value="visit">訪問フォーム</OPTION>
</SELECT>
<br>
<br>

<SCRIPT type="text/javascript">

function fncSameDisp(){
if(document.MyForm.tel.selected==true){
document.MyForm.hidSameDisp.value=document.MyForm.visit1.value;
document.MyForm.visit1.value=document.MyForm.visit1.value;
document.MyForm.visit1.disabled = "disabled";
}
else{
document.MyForm.visit1.value=document.MyForm.hidSameDisp.value;
document.MyForm.visit1.disabled = null;
}
}


</script>


<table width="320" border="1" cellpadding="0">
<FORM Name="MyForm" action="test">
<input type="hidden" name="type" value="template">


<tr>
<td>TEL1</td>
<td><input type="text" name="tel1" maxlength="20" value=""></td>
</tr>
<tr>
<td>TEL2</td>
<td><input type="text" name="tel2" maxlength="20" value=""></td>
</tr>
<tr>
<td>TEL3</td>
<td><input type="text" name="tel3" maxlength="20" value=""></td>
</tr>
<tr>
<td>訪問1</td>
<td><input type="text" name="visit1" maxlength="20" value=""></td>
</tr>
<tr>
<td>訪問2</td>
<td><input type="text" name="visit2" maxlength="20" value=""></td>
</tr>
<tr>
<td>訪問3</td>
<td><input type="text" name="visit3" maxlength="20" value=""></td>
</tr>

</FORM>
</body>
</html>
山本 裕介
ぬし
会議室デビュー日: 2003/05/22
投稿数: 2415
お住まい・勤務地: 恵比寿
投稿日時: 2007-04-13 15:55
「プルダウンで選択されたオプションがどれなのか検出する方法」と「テキストボックスをグレーダウンさせる方法」どちらがわからないのでしょうか？
shimix
ぬし
会議室デビュー日: 2004/08/05
投稿数: 512
お住まい・勤務地: 大分市
投稿日時: 2007-04-13 15:59
とりあえずは

<SELECT name="sentaku">

にonChangeイベントを追加しないとスクリプトが実行されないと思いますけど・・

（追記）
このSELECTの前の<FORM>が閉じないまま、次のフォームになってます。こちらも修正を。

[ メッセージ編集済み 編集者: shimix 編集日時 2007-04-13 20:43 ]
1

スキルアップ／キャリアアップ（JOB@IT）