- 締切済み
javascriptで空白の項目を算出するスクリプトを組みたいのですが
自力では限界が来てしまったので教えてください。 まず最初にプルダウンでmの数字を選択し、その下に4つの入力可能なテキストボックスがあり、そのうち3つに入力があれば、計算ボタンを押すことによってその他の項を自動で算出するようなスクリプトを組みたいのですが、どのうようにしたらいいでしょうか？参考までに画像を添付いたします。どなたか宜しくお願いいたします。
- gaitamens
- お礼率0% (0/4)
- JavaScript
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
迷探偵コンナンでどお？です。 勝手な推測で… こんなもの？（計算内容はとりあえず文字列の連結をしているだけ） <html> <head> <script type="text/javascript"> function calc(f) { var i, res='', r, flg=0; var inp=f.getElementsByTagName('INPUT'); for (i=0; i<inp.length; i++){ if (inp[i].type=="text") flg += inp[i].value?1:0; } if (flg>=3){ r=''+inp[0].value+inp[1].value+inp[2].value+inp[3].value; for (i=0; i<f.elements('number').value; i++){res+=r;} } document.getElementById('result').innerHTML=res; return false; } </script> </head> <body> <form onsubmit="return calc(this);"> 数 字(m)：<select name="number"> <option value="1">1<option value="2">2<option value="3">3 </select><br /> テキスト1：<input type="text" name="text1"><br /> テキスト2：<input type="text" name="text2"><br /> テキスト3：<input type="text" name="text3"><br /> テキスト4：<input type="text" name="text4"><br /> <input type="submit" value=" 計算 "> </form> <p>結 果：<span id="result"></span> </body> </html> （似てたら、後は適当に修正してください。似てない時は無視してください）
- heikuu2009
- ベストアンサー率33% (5/15)
添付されていた画像が削除されたようです。 質問からは内容がいまいち分かりませんので、もう一度 アップしてください。
- askaaska
- ベストアンサー率35% (1455/4149)
たぶん、 あなたはかっこいいコードを組もうとして挫折しているんだわ。 そんな気がするの。 無理にかっこ良くする必要ないのよ。 ベタに記述すればいいのよ。 それをかっこよくしたければ 複数の関数を作って 処理を分散させるといいわ。 ・項目取得 ・空白判定 ・計算 などね。
名探偵コナン君のように、小さいときはあるけど、 推理力があるわけではないんだよね～。 せめてあなたの言う限界までのコードでも見せてくださいな！
