- ベストアンサー
複数のvalue値を返すには
Ａを選択した時10、Ｂを選択した時100、Ｃなら1000と <input type="text" name="TEXT" value="">に表示されるように以下のようなjavascriptを記述しましたが、 Ａの時10と20を、Ｂの時100と200、Ｃの時1000と2000が もうひとつの<input type="text" name="TEXT2" value="">に表示できるようにするにはどうしたらよいのでしょうか。 記述方法を教えていただければ一番いいのですが、サンプルがあるページでもいいので、教えてください。 <script type="text/javascript"> <!-- function kai(){ document.FORM.TEXT.value = document.FORM.num.value; } //--> </script> </head> <body> <form name="FORM"> <input type="text" name="TEXT" value=""> <select name="num" onChange="kai()"> <option value="10">Ａ</option> <option value="100">Ｂ</option> <option value="1000">Ｃ</option> </select> </form>
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
やり方はいろいろありますが、例えば <html> <head> <script type="text/javascript"> <!-- function kai(){ document.FORM.TEXT.value = document.FORM.num.value.split("&")[0]; document.FORM.TEXT2.value = document.FORM.num.value.split("&")[1];; } //--> </script> </head> <body> <form name="FORM"> <input type="text" name="TEXT" value=""> <input type="text" name="TEXT2" value=""> <select name="num" onChange="kai()"> <option value="10&20">Ａ</option> <option value="100&200">Ｂ</option> <option value="1000&2000">Ｃ</option> </select> </form> </body> </html>
その他の回答 (1)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
質問文の様な規則性があるなら。 function kai(){ document.FORM.TEXT.value = document.FORM.num.value; document.FORM.TEXT2.value = document.FORM.num.value * 2; } でいいかも
お礼
ありがとうございました。別の箇所でこの形式を使って表示させました。 今回表示させたかったは、一応規則性はあったんですけど、元の数字を掛け算して100の位で切り上げて5％足すとか複雑で、それならそのまま数値をvalueで返したほうが楽だろうと思って質問させていただきました。
お礼
ありがとうございました。描いていたとおりの表示が出来ました。