以下のようなプログラムを作りました。
デフォルトでは、テキストボックスに田中雄一さんが入っています。
その横には、プルダウンメニューがあり、ログインユーザ山田隆
さんが、プルダウンメニューを変更すると、テキストボックスには
山田隆さんの名前が入ります。しかし、プルダウンメニューで最初と
同じ項目を選んだ場合には、山田隆さんではなく、デフォルトの田中
雄一さんの名前を入れたく思います。しかし、現状うまくいかず、プル
ダウンメニューでどれを選択しても山田隆さんに変更されてしまいます。
javaスクリプトでエラーが出ているようなのですが、なぜだかわかりません。
識者の方のアドバイスお願いいたします。
-----------
<html>
<head><SCRIPT LANGUAGE='JavaScript'><!--
var firstname = document.myform.Set_R12C2.value;
var firstvalue = document.myform.Set_R12C3.value;
function OC(){
var A = document.myform.Set_R7C3.value;
var B = A.slice(9);
if(firstvalue != document.myform.Set_R12C3.value){
document.myform.Set_R12C2.value = B;
}else{
document.myform.Set_R12C2.value = firstname;
}
}
//--></SCRIPT><TITLE>TEST</TITLE></HEAD>
<FORM METHOD='POST' NAME='myform'>
<INPUT NAME='P' VALUE='javascript' TYPE='HIDDEN'>
<table border=0 cellpadding=0 cellspacing=0 width=350 class=xl6420188
style='border-collapse:collapse;width:262pt'>
<col class=xl6420188 width=155 style='mso-width-source:userset;mso-width-alt:
4960;width:116pt'>
<col class=xl6420188 width=195 style='mso-width-source:userset;mso-width-alt:
6240;width:146pt'>
<tr height=18 style='height:13.5pt'>
<td height=18 class=xl6620188 width=155 style='height:13.5pt;width:116pt'><a
name="RANGE!A1:B6"></a></td>
<td class=xl6520188 width=195 style='width:146pt'>ログインユーザ: 山田隆<input name='Set_R7C3' type='HIDDEN' value='ログインユーザ: 山田隆'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 class=xl6520188 style='height:13.5pt'><input name='Set_R12C2' type='text' size='26' maxlength='50' style='height:13.5pt;width:116.25pt;font-size:11pt;background-color:#FFFFFF;text-align:center;color:#000000;font-family:MS Pゴシック;' OnKeyDown="if(event.keyCode==13){ return false; }" value='田中雄一'></td>
<td class=xl6520188>
<SELECT NAME='Set_R12C3' style='height:13.5pt;width:146.25pt;font-size:11pt;background-color:#FFFFFF;text-align:center;color:#000000;font-family:MS Pゴシック;' OnChange="OC()">
<option value=''></option>
<option value='承認する' selected>承認する</option>
<option value='承認しない'>承認しない</option>
</SELECT></td>
</tr>
</table></FORM>
</body>
</html>
No.1ベストアンサー
- 回答日時:
タグが複雑なので単純化しました
<script type="text/javascript">
window.onload=function(){
obj=document.forms["myform"].elements;
firstname = obj["Set_R12C2"].value;
firstvalue = obj["Set_R12C3"].value;
}
function OC(){
var A = obj["Set_R7C3"].value;
var B = A.slice(9);
if(obj["Set_R12C3"].value!=firstvalue){
obj["Set_R12C2"].value = B;
}else{
obj["Set_R12C2"].value = firstname;
}
}
</script>
<body>
<form method="post" name="myform">
<table >
<tr>
<td></td>
<td>
ログインユーザ: 山田隆
<input name="Set_R7C3" type="hidden" value="ログインユーザ: 山田隆">
</td>
</tr>
<tr>
<td>
<input name="Set_R12C2" type="text" value="田中雄一">
</td>
<td>
<select name="Set_R12C3" onchange="OC()">
<option value=""></option>
<option value="承認する" selected>承認する</option>
<option value="承認しない">承認しない</option>
</select>
</td>
</tr>
</table>
</form>
</body>
ご回答ありがとうございました。
ご教授いただいたスクリプトでうまく動きました。
ありがとうございます。
今後ともよろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptの「.querySelectorA...
-
innerHTMLで自動生成された表を...
-
formで項目を連結したい
-
チェックボックス付きのテーブ...
-
文字数を数える際に空白、改行...
-
WSH
-
return trueとreturn falseの用...
-
クリックさせたいが、click()が...
-
COBOLの数字チェック
-
プルダウン選択を変更すると、...
-
Selenium.ChromeDriverの使い方...
-
javascriptでASPにデータを渡す
-
submitした値を返したい
-
jquery.validate.jsについて
-
selectのonChangeが動作しません
-
javascriptの値をformのinput h...
-
Javascriptでのbuttonのname属...
-
フォームで半角文字の入力のみ...
-
ホームページビルダーのスクリ...
-
tabindexの取得
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
formで項目を連結したい
-
画面表示とともにtableの指定の...
-
JavaScriptの「.querySelectorA...
-
同一nameの input type="text"...
-
テーブル内のチェックボックス...
-
文字数を数える際に空白、改行...
-
javascriptでログインページの作成
-
入力チェックの外部スクリプト...
-
画面の2重起動をチェックする...
-
JavaScriptでリストボックスに...
-
Formのシリアライズができない
-
ラジオボタンを一括で操作する...
-
クリックしたラジオボタンの行...
-
history.backの前に値をクリア...
-
jQueryで合計を出したい
-
JavaScriptによる自動計算フォーム
-
jQueryでテーブル行の表示・非表示
-
テーブル内のチェックボックス...
-
localStorageでのcheckbox制御
おすすめ情報