htmlでjsを使ってselectを動的に追加していきたい

Question

selectboxでプルダウンで選択したらその下にさらにselectboxを追加していきたいのですが、記事がなかなか見つからず方法が分からないのでご教授お願いします

<div>
<select id="test" name="test">
 <option></option>
</select>
</div>

↑が何度も続くイメージです。
試したこと

$("select[name='test']").append(new Option("text1", "value1"));

optionだけが増えてしまうのですが、何か方法はありますでしょうか？

Comments

[yambejp]

なにを選択したら、どういったselectboxが追加されるのでしょうか？
さらに別を選択したらその前に追加したboxはどうするのでしょうか？

[bainary]

slectboxで値を選択した時点で、その下にさらに別の値の入ったselectboxをループで回して並べていくというプログラムを組み込みたいです。

Answer 1

なにをしたいのかさっぱりわからないのですが
一応これをベースに、どうしたいのか詰めてください

Comments

[yambejp]

<script>
$(function(){
$("#test").on('change',function(){
$(this).after($('<select name="test"><option>--</option></select>'));
});
});
</script>
<div>
<select id="test" name="test">
<option>1</option>
<option>2</option>
</select>
</div>