セレクトボックス自動表示の困りごと
- セレクトボックス自動表示の方法について困っています。合計の数値まで表示できるのですが、数値の分だけセレクトボックスを表示する方法がわかりません。
- セレクトボックスの数値の合計表示はできているのですが、数値の分だけセレクトボックスを表示できません。
- セレクトボックスの数値の合計までは表示できるのですが、数値の分だけセレクトボックスを表示する方法がわかりません。困っています。
- ベストアンサー
セレクトボックス自動表示
以前http://okwave.jp/qa/q6872183.htmlにてご質問させていただきました。 合計の数値までだすことはできたのですが、selectboxを数値の分だけだすのができなくて困っています。 <script type="text/javascript"> function calculate(){ var test1 = parseInt(document.getElementById('test1').options[document.getElementById('test1').selectedIndex].value); var test2 = parseInt(document.getElementById('test2').options[document.getElementById('test2').selectedIndex].value); var test3 = parseInt(document.getElementById('test3').options[document.getElementById('test3').selectedIndex].value); var test4 = parseInt(document.getElementById('test4').options[document.getElementById('test4').selectedIndex].value); if(isNaN(test1)){test1 = 0;} if(isNaN(test2)){test2 = 0;} if(isNaN(test3)){test3 = 0;} if(isNaN(test4)){test4 = 0;} document.getElementById('total').innerHTML = test1 + test2 + test3 + test4; } </script> <select name="test1" onChange="calculate()"> <opiton value="1">1</opiton> <opiton value="2">2</opiton> <opiton value="3">3</opiton> <opiton value="4">4</opiton> <opiton value="5">5</opiton> </select> <select name="test2" onChange="calculate()"> <opiton value="1">1</opiton> <opiton value="2">2</opiton> <opiton value="3">3</opiton> <opiton value="4">4</opiton> <opiton value="5">5</opiton> </select> <select name="test3" onChange="calculate()"> <opiton value="1">1</opiton> <opiton value="2">2</opiton> <opiton value="3">3</opiton> <opiton value="4">4</opiton> <opiton value="5">5</opiton> </select> <select name="test4" onChange="calculate()"> <opiton value="1">1</opiton> <opiton value="2">2</opiton> <opiton value="3">3</opiton> <opiton value="4">4</opiton> <opiton value="5">5</opiton> </select> <select name="test5" onChange="calculate()"> <opiton value="1">1</opiton> <opiton value="2">2</opiton> <opiton value="3">3</opiton> <opiton value="4">4</opiton> <opiton value="5">5</opiton> </select> <p id="total">0</p> がソースになります。 お分かりの方がいらっしゃいましたらご教示お願いします。
- h-h13
- お礼率24% (37/149)
- JavaScript
- 回答数6
- ありがとう数1
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
このながれだと、おれがぜんぶかいてしまいそうだ。やばい！×２。 （いつもかぶせてくるひとが、ちがうほうでいそがしそうだし（笑）） あとは、がんばってね。（ますますださくなってしまった） <!DOCTYPE html> <title></title> <style type="text/css"> table, td, th { border:1px red solid;} </style> <body> <table id="tb"> <tr> <th>test</th> <td><input type="button" value="create" onclick="hoge('mn0',1,1);hoge('mn1',1,2)"></td> </tr> <tr> <th>0</th> <td>ここにセレクトが</td> </tr> <tr> <th>1</th> <td>ここにセレクトが</td> </tr> </table> <script> var members = ['', '碓井 健平','平岡 康裕','岩下 敬輔','ボスナー']; var members_no = ['', 29, 3, 5, 17]; var select = createSelect (members, members_no); function createSelect (aryText, aryValue, selectedNo) { var d = document; var s = d.createElement ('select'); var o = s.options; if (2 > arguments.length) aryValue = aryText; for (var i = 0, I = aryText.length; i < I; i++) { o[o.length] = new (d.parentWindow || d.defaultView).Option (String (aryText[i]) || '', String (aryValue[i]) || ''); } s.selectedIndex = selectedNo || 0; return s; } function hoge (name, x, y) { var table = document.getElementById ('tb'); var target = table.rows[y].cells[x]; var clone = select.cloneNode (true); clone.name = name; while (target.hasChildNodes ()) target.removeChild (target.firstChild); target.appendChild (clone); } </script>
その他の回答 (5)
- babu_baboo
- ベストアンサー率51% (268/525)
なんとなくわかった。でもきっと、それでもふそく。 えんちょうせんとかないのか？ PKのけっかとか、ひつようないのか？ たいせんあいてチームのぶんもひつようじゃないのか？ にゅうりょくしたけっかを、さーばーとかにあっぷするの？ それなら、input ようそとかの、けっかをうけとる cgi がわにあわせなくていいの？ と、いろいろと。 はやいはなし、HTMLのこっかくぶぶんだけでも、かいてくれると、もうそうしやすいよ。 さいしんのぶらうざでもよさそうだね。（にやり）
- babu_baboo
- ベストアンサー率51% (268/525)
ごめんなさい。しょうじきなところ、あなたのきぼうする かんせいずがわかりません。 >質問内容にある記述内容ではできないのでしょうか？ これは、あなたのていじした、さんぷるのことですよね。 どのたいみんぐで、どのばしょに、select ようそを、どのようなないようで、ひょうじするのかそうぞうりょくにとぼしい、わたしにはわかりません。 select ようそが５こあるのに、 var test1 = parseInt(document.getElementById('test1').options[document.getElementById('test1').selectedIndex].value); が、test4 までの４こしかなく、 それをるーぷしょりしているわけでもなく、 document.getElementById('test1') が、２どもしゅつげんし、むだにながかく、 document.getElementById('test1').value で、あたいをさんしょうできたのに・・・ parseInt のだい２ひきすうに、１０がなかったり、 <opiton value="１">１</opiton> に、selected をしていしていなために、 if(isNaN(test1)){test1 = 0;} のようなしょりを、いれるけっかとなっていたり、 と、どこにも select ようそを、ついかするぶぶんがありません。 （あっもう～朝だ。１行づつステップ実行させているのに理解できない日々が続く）
- babu_baboo
- ベストアンサー率51% (268/525)
ぐだぐだなうえに、ねむくて、ちからつきる。OTL <!DOCTYPE html> <title></title> <form action="#"> <p> <select name="test1" onchange="calc (event);"> <option value="0" selected>0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <select name="test2" onchange="calc (event);"> <option value="0" selected>0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <select name="test3" onchange="calc (event);"> <option value="0" selected>0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <select name="test4" onchange="calc (event);"> <option value="0" selected>0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <select name="test5" onchange="calc (event);"> <option value="0" selected>0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </p> <p id="total">0</p> <p id="numbers"> </p> </form> <script type="text/javascript"> function createSelect (aryText, aryValue, selectedNo) { var d = this || document; var s = d.createElement ('select'); var o = s.options; if (2 > arguments.length) aryValue = aryText; for (var i = 0, I = aryText.length; i < I; i++) { o[o.length] = new (d.parentWindow || d.defaultView).Option (String (aryText[i]) || '', String (aryValue[i]) || ''); } s.selectedIndex = selectedNo || 0; return s; } function calc (event) { var c, d, s, t, i, j, J, o, t, u, v, w; var e = event.target || event.srcElement; var r = /^test\d+$/; if (r.test (e.name)) { c = e.form.elements; d = e.ownerDocument; u = d.getElementById ('numbers'); s = createSelect.call (d, [0,1,2,3,4,5,6,7,8,9]); while (u.hasChildNodes ()) u.removeChild (u.firstChild); for (t = i = 0; o = c[i++]; ) { if (r.test (o.name)) { t += (J = Number (o.value)); if (u.hasChildNodes ()) u.appendChild (d.createTextNode (' - ')); for (j = 0; j < J; j++) { w = s.cloneNode (true); w.name = 'number_' + i + '_' + j; u.appendChild (w); } } } d.getElementById ('total').firstChild.nodeValue = t; } } </script>
お礼
お疲れのとこ回答いただき有難う御座います。 上記の内容でためさせていただきましたところできました。 しかし、わがままではありますが質問内容にある記述内容ではできないのでしょうか？ 大変申し訳ありませんが、応用力がなく教えていただいた内容から変更ができなく困っています・・・ 宜しくお願いします。
- babu_baboo
- ベストアンサー率51% (268/525)
また、よくしつもんをみないで、かいとうしてしまったらしい。 >selectboxを数値の分だけだすのができなくて困っています。 この selectbox ってどんなの？（なかみもふくめて） さいだいで、５×５で、２５こものそれが、ひつようなの？ てんきーから、うちこんだほうが、はやくない？ それでもそれが、かんがえうるさいてきな、ゆーざーいんたーふぇーす？
- babu_baboo
- ベストアンサー率51% (268/525)
ぜんかくくうはくは、はんかくにしてね。 select ようそに、 onchange="calc (event);" をつけていますが、 form ようそだけにつけて、うごくぶらうざもあります。 （いきぬきにかいたので、やっぱりいまひとつ） <!DOCTYPE html> <meta charset="UTF-8"> <title></title> <body> <form action="#"> <p> <select name="test1" onchange="calc (event);"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <select name="test2" onchange="calc (event);"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <select name="test3" onchange="calc (event);"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <select name="test4" onchange="calc (event);"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <select name="test5" onchange="calc (event);"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </p> <p id="total">5</p> </form> <script type="text/javascript"> function calc (event) { var c, d, t, i, o; var e = event.target || event.srcElement; var r = /^test\d+$/; if ('SELECT' !== e.nodeName) return; c = e.form.elements; d = e.ownerDocument; for (t = i = 0; o = c[i++]; ) if (r.test (o.name)) t += Number (o.value); d.getElementById ('total').firstChild.nodeValue = t; } </script> <script type="application/javascript; version=1.8"> function calc2 (event) { let e = event.target; let d = e.ownerDocument; let f = e.form; if ('SELECT' === e.nodeName) { d.querySelector ('#total').textContent = String (Array.reduce (f.querySelectorAll ('select[name^="test"]'), (function (r, s) r + Number (s.value)), 0)) } } </script>
関連するQ&A
- セレクトで選んだ数の計算方法
初心者なので基本的な質問ですが、よろしくお願いします。 セレクトで選んだ数値が2つあり、その積を表示したいのです。 どうしたらよいでしょうか。 </script> <script langauage="JavaScript"> <!-- function calcNum(){ var num1 = parseInt(document.getElementById('s1').value); var num2 = parseInt(document.getElementById('s2').value); var kei = num1 * num2; } //--> </script> </head> <body> <form name="form1"> <select size="1" name="select2" id="s2" onchange="selectChange()"> <option value="5"> ５</option> <option value="9"> ９</option> </select> </form> <form name="form1"> <select size="1" name="select1" id="s1" onchange="selectChange()"> <option value="2"> ２</option> <option value="12">１２</option> </select> </form> <input type="text" name="kei" size="10"> <input type="button" value="計算" onmousedown="calcNum()"> スクリプトのところだけの抜粋でわかりにくいかもしれないのですが、 どのようにしたら良いか、教えてください。 根本的に違っているようでしたら、どうやればよいのか教えてください。 よろしくお願いします
- ベストアンサー
- JavaScript
- セレクトボックスについて
<script type="text/javascript"> function entryChange(){ if(document.getElementById('changeSelect')){ id = document.getElementById('changeSelect').value; if(id == '0'){ document.getElementById('selectbox1').style.display = "none"; document.getElementById('selectbox2').style.display = "none"; document.getElementById('selectbox3').style.display = "none"; } if(id == '1'){ document.getElementById('selectbox1').style.display = ""; document.getElementById('selectbox2').style.display = "none"; document.getElementById('selectbox3').style.display = "none"; } if(id == '2'){ document.getElementById('selectbox1').style.display = "none"; document.getElementById('selectbox2').style.display = ""; document.getElementById('selectbox3').style.display = "none"; } if(id == '3'){ document.getElementById('selectbox1').style.display = "none"; document.getElementById('selectbox2').style.display = "none"; document.getElementById('selectbox3').style.display = ""; } } } window.onload = entryChange; </script> ↑こちらは表示/非表示の処理をしています。 <select id="changeSelect" name="number" onchange="entryChange();"> <option value="0">未選択</option> <option value="1">リスト1</option> <option value="2">リスト2</option> <option value="3">リスト3</option> </select> <select name="number" id="selectbox1" style="display:none"> <option value="東京都">東京都</option> <option value="京都府">京都府</option> </select> <select name="number" id="selectbox2" style="display:none"> <option value="北海道">北海道</option> <option value="沖縄県">沖縄県</option> </select> <select name="number" id="selectbox3" STYLE="display:none"> <option value="兵庫県">兵庫県</option> <option value="大阪府">大阪府</option> </select> <input type="submit" value="送信"> (1)「未選択」のまま送信すると「大阪府」が送信されます。 (2)「リスト1」→「沖縄県」を選択 「大阪府」が送信されます。(リスト2も同じ事になります。) (3)「リスト3」→「兵庫県」を選択 「兵庫県」と送信されます。 リスト3以外を選択するとなぜか「大阪府」が送信されます。 初心者なりに色々調べたのですが解決できず困っております。 よろしくお願いします。
- 締切済み
- HTML
- for文についてご教授ください
javascriptを学習しています。初級者のためご教授のほどお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <script> function kazu(){ var fObj = document.itemlist; var price1 = fObj.item1.options[fObj.item1.selectedIndex].value; var price2 = fObj.item2.options[fObj.item2.selectedIndex].value; var total = parseFloat(price1) + parseFloat(price2); document.getElementById("total").value = total; } </script> </head> <body> <header> <form action="#" name="itemlist" > <table> <tr> <td> <select name="item1" onchange="kazu()"> <option value="100">itemA-1</option> <option value="200">itemA-2</option> </select> </td> </tr> <td> <select name="item2" onchange="kazu()"> <option value="1000">itemB-1</option> <option value="2000">itemB-2</option> </select> </td> </tr> <tr> <td name="total"> <input type="text" value="" id="total" /> </td> </tr> </table> </form> </body> </html> 上記の内容をfor文を使い動作するようにと思っています。 自分で以下の内容を考えたのですがが動作しません。 以下の内容の問題点を教えいただければと思います。なにとぞよろしくお願いいたします。 function kazu(){ var fObj = document.itemlist; var len = document.itemlist.length; for(i=1;i<=len;i++){ var price[i] = fObj.item[i].options[fObj.item[i].selectedIndex].value; } var total = parseFloat(price1) + parseFloat(price2); document.getElementById("total").value = total; }
- 締切済み
- JavaScript
- セレクトボックスでの結果で画像を変化させるモノを同ページに複数個表示する
セレクトボックスの結果によって画像を変化させるものを作ったのですが、これが一つのみだと動作したのですが、"同じ条件"で複数個おく方法が分かりません。 ちなみに試したものです。（一つ目すら動作しませんでした。） <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- function changeImage(){ var imgnum = document.forms['myform'].elements['imgselect'].selectedIndex; document.images['myimg'].src = 'test01.jpg'; if(imgnum==0){ document.myimg.src="test01.jpg"; }else if(imgnum==1){ document.myimg.src="test02.jpg"; } } //--> </SCRIPT> </HEAD> <BODY> <CENTER> <!--1つめ--> <IMG src="test.jpg" name="myimg" border=0> <FORM name="myform"> <SELECT name="imgselect" onChange="changeImage(this.options[this.selectedIndex].value)"> <OPTION>イメージ1 <OPTION>イメージ2 </SELECT> </FORM> <!--２つめここから下を追加したことで動作しなくなりました--> <IMG src="test.jpg" name="myimg" border=0> <FORM name="myform"> <SELECT name="imgselect" onChange="changeImage(this.options[this.selectedIndex].value)"> <OPTION>イメージ1 <OPTION>イメージ2 </SELECT> </FORM> <!--ここまで--> </CENTER> </BODY> </HTML> ＊全く同じ条件のものを複数個並べたいのですが、ただ、「form」 と「画像」の項目を増やすだけではだめなのでしょうか？ 自分でもこれじゃまずいんじゃない？とは何となく思うのですが、細かな原因が分かりません。かなりの初心者です。どうすればうまくいくのでしょうか？
- ベストアンサー
- JavaScript
- 今日の日付を自動的にセレクトしたいのですが・・・。
うまくできません。 どなたか助けていただけないでしょうか？ よろしくおねがいします。 今のソースはこんな状態です。 onChange="setDate(this.form);"は4月の時に30日までとかにつかっています。 <!--最初に今日の日付を選択したい--> var date=new Date(); var year = date.getYear(); var year= (year< 2000) ? year+1900 : year; var mon=date.getMonth(); var day=date.getDate(); alert(mon); function setNow(form){ for(var i = 0;i<document.nanngatu.nanngatu.options.length;i++){ if(document.nanngatu.nanngatu.options[i].text==mon){ document.nanngatu.nanngatu.options.selectedIndex=i; break; } } } --間は省略-- <onLoad="setNow(this.form)" > <form name="nanngatu"> <select name="nanngatu" onChange="setDate(this.form);" > <option value="32">1</option> <option value="30">2</option> <option value="32">3</option> <option value="31">4</option> <option value="32">5</option> <option value="31">6</option> <option value="32">7</option> <option value="31">8</option> <option value="32">9</option> <option value="31">10</option> <option value="32">11</option> <option value="31">12</option> </select>月
- ベストアンサー
- JavaScript
- getElementsByNameについて
JSでプルダウンの選択値をとりたくて、以下のように書きました。 var select = document.getElementById('test'); var options = document.getElementById('test').options; var value = options.item(select.selectedindex).value; 都合により、getElementByIdではなくてgetElementsByNameで 同様のことをしたいのですが、単純にgetElementsByNameに 置換しただけでは動きませんでした。 （Nameは一意になるよう作っています） 確か配列でデータが来るとかいう話を聞いた覚えがあるので、 どこかにインデクサを指定すればいけるでしょうか？ 申し訳ないですが、ご教授ください。
- ベストアンサー
- JavaScript
- 計算結果を変数に代入
とあるサービスの料金計算フォームを制作しています。 特定の場合のみ料金が割引されるので、if構文で条件分岐してみたところ、 計算結果（小計）にはうまく反映されるのですが、いくつかの小計を合計すると、 if構文で分岐する前の（つまり割り引き前の）値段で計算されてしまいます。 // 小計１ var total_01 = document.form_test.price_01.options [document.form_test.price_01.selectedIndex].value * document.form_test.goods_01.options [document.form_test.goods_01.selectedIndex].value + document.form_test.price_02.options [document.form_test.price_02.selectedIndex].value * document.form_test.goods_02.options [document.form_test.goods_02.selectedIndex].value ; // 小計１ document.form_test.F-total_01.value = total_01; // 小計１を表示 if (document.form_test.price_01.options [document.form_test.price_01.selectedIndex].value != 0 && document.form_test.price_02.options [document.form_test.price_02.selectedIndex].value != 0) {document.form_test.F-total_01.value = total_01 - 500;} // 両方で-500 if (total_01 <= 0) {document.form_test.F-total_01.value = 0;} // 合計 var total_all = total_01 + total_02 + total_034; // 合計 document.form_test.F-total_all.value = total_all; // 合計を表示 小計を表示する <INPUT TYPE="text" NAME="F-total_01" VALUE="0"> に出てきた値を、そのまま次の計算に代入できれば 解決するのではないかと思うのですが、行き詰ってしまいました。 どうかアドバイスをよろしくお願いいたします。
- ベストアンサー
- JavaScript
- メールフォーム内の自動計算 valueの値を2つの目的で使いたい
以下の様な形で、自動計算フォームを作っています。 金額は「value=" "」から計算されているのですが、この部分は同時に使おうと思っているメール送信の商品名の部分にあたります。 このまま送信してしまうと、商品名が数字だけになってしまうのですが、何かよい方法をご存知でしょうか・・・。 メール送信のプログラムは私の方では変えられないので、出来れば以下の自動計算フォームを変える事で解決できたらと思っています。 javascriptは専門ではないのですが、こつこつ勉強中です。よろしくお願いいたします。 -------------------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <script type="text/javascript"> <!-- function cal(){ var price1 = document.mail_form.goods1.options[document.mail_form.goods1.selectedIndex].value; var price2 = document.mail_form.goods2.options[document.mail_form.goods2.selectedIndex].value; var total = parseInt(price1) + parseInt(price2); document.mail_form.field_total.value = total; // 合計 } // --> </script> </head> <body> <form name="mail_form"> <p id="mail-form-box1"> ●商品１<br /> <select name="goods1" onChange="cal()"> <option value="100">バッグA 100円</option> <option value="200">バッグB 200円</option> <option value="300">バッグC 300円</option> </select> </p> <p id="mail-form-box2"> ●商品２<br /> <select name="goods2" onChange="cal()"> <option value="100">靴A 100円</option> <option value="200">靴A 200円</option> <option value="300">靴A 300円</option> </select> </p> 合計: ＄<input type="text" name="field_total" value="0"><BR> </form> </body> </html> --------------------------------------------------------
- ベストアンサー
- JavaScript
- VBScriptでHTMLのセレクトボックスで表示されている値に指定したい
VBScriptでHTMLのセレクトボックスで表示されている値(value)に指定したいと思っています。どのようにすればよいのでしょうか？詳しくは下記参照。 もし、VBSで無理であるのならほかの言語で可能な言語を教えていただきたく思います。 例：”value_1”を指定してVBSで選びたい <select name="select_name" onchange="select_onchange"> <option value="value_1">value_1_1</option> <option value="value_2">value_2_2</option> </select> (注意) 下記のように位置情報で指定するのではなく、valueの値(value_1)や表示されている値(value_1_1)でしたいと思っています。 IEオブジェクト.Document.フォーム名.コンボボックス名.selectedIndex = 0からの番号
- 締切済み
- その他（プログラミング・開発）
- selectのnameが配列の場合
説明がわかりにくいかもしれませんがよろしくお願いいたします。 セレクトボックスが選択されると、テキストフィールドが変わるというJavaScriptを作成しています。 nameに配列を使った場合、elementsを使用すればいいと言うことまでは分かり１つだけの場合は成功しました。 しかし、同じname(配列)のセレクトボックスとテキストフィールドが複数ある場合は成功しません。 PHPでデータベースに格納する際に、どうしてもセレクトボックスとテキストフィールドは配列にして置かないといけないのですが、この場合どうすれば、成功するでしょうか？ 現在以下のようにソースを書いて失敗しています。 ご教授の程よろしくお願いいたします。 ↓↓JavaScript部分 <script> function selectChange(){ var no = document.test1.elements['member[]'].selectedIndex; if(no==1){ document.test1.elements['point[]'].value =0; } else{ document.test1.elements['point[]'].value =""; } } </script> ↓↓HTML部分 <form name='test1'> <select name='member[]' onChange='selectChange()'> <option value='aaa'>aaa</option> <option value='bbb'>bbb</option> <option value='ccc'>ccc</option> </select> <input name='point[]' type='text'> <br> <select name='member[]' onChange='selectChange()'> <option value='aaa'>aaa</option> <option value='bbb'>bbb</option> <option value='ccc'>ccc</option> </select> <input name='point[]' type='text'> </form> //bbbの場合だけ、テキストフィールドのデフォルト値を0にしたい
- ベストアンサー
- JavaScript
補足
説明不足で申し訳ありません。 なぜselectboxを増やしていくのかは自分やりたいサイトは参考サイトにあります。 http://www.s-pulse.co.jp/games/result/2011030507/の試合結果部分のみです。 参考サイトで簡単にご説明しますと入力画面にて前半と後半の得点がプラスされて3になり、なおかつプラスされた分だけ得点者欄に(3つの)selectboxが表示され、指名などを選択できるという作りをしたいと思っています。 自分でやる分には入力すれば早いのですが、別の人も触るためです。 >test4 までの４こしかなく こちらは一つ抜けて入力していました。申し訳ありません。 >どこにも select ようそを、ついかするぶぶんがありません。 自分の知識不足で申し訳ありません。自分に考えて作ったのですが、ダメでしたか。