jsでセレクトボックスを動的に追加するとき、**どこに追加するか?**というネスト構造で少し悩んでいます。
例えば、下記の例ではうまくいきません。
<script type="text/javascript"> function add(){ var test = document.getElementById("test"); var set = test.cloneNode(true); document.getElementById("target").appendChild(set); } </script> <tr id="test"> <td> <select name="programs[]"> <?php echo Programmerskill::getSkill(); ?> </select> </td> <td> <select name="programs_year[]"> <?php echo Skillyear::getYear(); ?> </select> </td> </tr> <tr id="target"></tr> <tr> <td colspan="2"> <input type="button" value="追加" onClick="add()"> </td> </tr>
idがtestのtrタグ内のエレメントとイベントを含んだ全部、を複製し
追加ボタンを押すとsddmethodが実行され
というものですが、結果を確認するとネストがおかしくなってます。
trタグの中に更にtrタグが入ってるので原因は分かってて
<tr id="target"></tr> のところを改善すればいいというのは分かるのですが <div id="target"></div> という風にしたらテーブル外に出力されるので <div id="target"></div>をどう修正すれば正しく出力されるでしょうか?回答1件
あなたの回答
tips
プレビュー