こんにちは。
すみませんが教えてください。
下記の様に作っています。
テキストエリア(note1)に、OPTIONのS・M・Lというように表示させたいのですが、1・2・3というようになってしまったり、エラーがでてしまいます。
どのように変えたらよろしいでしょうか?
”サイズ”+####の所を何回か書き直して見ましたが上手くいきません。
私が何をしたいかというと、
確認ボタンを押したら表記されている文字や数字をテキストエリアに書きたいのです。
よろしくお願いします。
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT Language="JavaScript">
<!--
A = new Array("\0","\ 1,000","\ 1,200","\ 1,500");
function Fa(x)
{
document.FM.TE.value = A[x];
}
function ctotal()
{
var totalp=0;
var disp1=document.FM.TE.value+" 円 "+" サイズ "+####### ;
if(document.FM.TE.value>0)
{
totalp=parselt(totalp)+parselnt(document.FM.TE.value);
}
document.form03.note1.value=disp1;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM name="FM">
<TABLE BORDER="3"><TR><TD>
<SELECT name="OP" onChange="Fa(this.selectedIndex);">
<OPTION value="0" selected>0</OPTION>
<OPTION value="1">S</OPTION>
<OPTION value="2">M</OPTION>
<OPTION value="3">L</OPTION>
</SELECT></TD><TD>
<INPUT size="8" type="text" name="TE" value="0"></TD></TABLE></FORM>
<FORM NAME="form03">
<INPUT TYPE="BUTTON"VALUE="確認"
onclick="ctotal()">
<TEXTAREA NAME=note1 ROWS=5 COLS=30></TEXTAREA></FORM>
</BODY>
</HTML>
No.1ベストアンサー
- 回答日時:
値段と同じように、サイズを格納した配列を作成してはどうでしょう?
<SCRIPT Language="JavaScript">
<!--
A = new Array("\0","\ 1,000","\ 1,200","\ 1,500");
B = new Array("0","S","M","L");
function Fa(x)
{
document.FM.TE.value = A[x];
}
function ctotal()
{
var totalp=0;
//var disp1=document.FM.TE.value+" 円 "+" サイズ "+####### ;
var disp1=document.FM.TE.value+" 円 "+" サイズ "+B[document.FM.OP.selectedIndex];
if(document.FM.TE.value>0)
{
totalp=parselt(totalp)+parselnt(document.FM.TE.value);
}
document.form03.note1.value=disp1;
}
//-->
</SCRIPT>
ありがとうございます。
うまくできました。本も何冊か買い勉強してますが、少し応用になるとすぐにつまずいてしまいます。本当に難しいですね。
助かりました。ありがとございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
開いた子ウィンドウにあるボタ...
-
formのfileの値をhiddenでも持...
-
onclickが動作しない
-
WordpressのCocoonというテーマ...
-
SendKeys()が一番最後に実行さ...
-
HTMLのテキストボックスへのド...
-
JavaScriptでIE上のボタンクリック
-
innerHTML内では改行は禁止?
-
コードレビューをお願いします。
-
BackSpaceしたい(QNo.2734284の...
-
任意の<DIV></DIV>の中に計算結...
-
javaScriptの変数をJavaの変数...
-
JSPファイルにJavaScriptを埋め...
-
JavaScriptのfileオブジェクト...
-
Javascriptで'(シングルクォー...
-
VB.NETで<Input>タグ、<text...
-
javascriptで作成されたテーブ...
-
window.openで開いた子ウィンド...
-
クリックさせたいが、click()が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
JavascriptでDOM-based XSSの発...
-
onclickが動作しない
-
クリックさせたいが、click()が...
-
追加ボタンを押した際に ok ボ...
-
innerHTML内では改行は禁止?
-
ボタンかリンクをクリックする...
-
formのfileの値をhiddenでも持...
-
javaScriptの変数をJavaの変数...
-
JavaScriptのfileオブジェクト...
-
VB.NETで<Input>タグ、<text...
-
受け取ったパラメータが文字化け
-
JQueryでfunctionに引数としてI...
-
javascriptで作成されたテーブ...
-
jQueryで設定したイベントハン...
-
開いた子ウィンドウにあるボタ...
-
コードレビューをお願いします。
-
ボタンをクリックするとテキス...
-
BackSpaceしたい(QNo.2734284の...
-
URL 判定
おすすめ情報