以下のようなプログラムを作りました。
デフォルトでは、テキストボックスに田中雄一さんが入っています。
その横には、プルダウンメニューがあり、ログインユーザ山田隆
さんが、プルダウンメニューを変更すると、テキストボックスには
山田隆さんの名前が入ります。しかし、プルダウンメニューで最初と
同じ項目を選んだ場合には、山田隆さんではなく、デフォルトの田中
雄一さんの名前を入れたく思います。しかし、現状うまくいかず、プル
ダウンメニューでどれを選択しても山田隆さんに変更されてしまいます。
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で質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のselect値で1つも選択され...
-
チェックボックス付きのテーブ...
-
文字数を数える際に空白、改行...
-
formで項目を連結したい
-
DOM追加時に表示されるが自動削...
-
ラジオボタンが選択されたらテ...
-
table内要素のランダムな並び替え
-
画面表示とともにtableの指定の...
-
Response.Writeを使用して更新...
-
チェックボックスのチェック処理
-
ラジオボタン選択で「複数ラジ...
-
jQueryで合計を出したい
-
input type ボタン
-
JavaScriptの「.querySelectorA...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
プルダウン 項目が多いので先頭...
-
<JavaScript>tableタグを入力不...
-
onchangeイベントを強制的に発...
-
html selectの内容を初期値に戻す
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
localStorageでのcheckbox制御
-
複数のselect値で1つも選択され...
-
JavaScriptの「.querySelectorA...
-
Javascriptの電卓で最初の何も...
-
文字数を数える際に空白、改行...
-
formで項目を連結したい
-
jQueryで合計を出したい
-
Formのシリアライズができない
-
画面表示とともにtableの指定の...
-
テーブル内のチェックボックス...
-
入力チェックの外部スクリプト...
-
ラジオボタンが選択されたらテ...
-
VBSでの自動ログイン
-
Javascriptで自動的に計算する...
-
jQuery テキストボックス読み取...
-
同一nameの input type="text"...
-
ボタンクリックでフォーカス移動
-
画面の2重起動をチェックする...
-
送信ボタン連打を抑止したいです
おすすめ情報