$('<fieldset>').prepend('<legend>選択フォーム</legend>') .prependTo('form'); $('<select name="data">').prepend('<option value="2">選択肢2</value>') .prepend('<option value="1">選択肢1</value>') .appendTo('fieldset');
※ 上の<FIELDSET>はフォームの入力項目をグループ化する際に使用。 グループ先頭の、<LEGEND>~</LEGEND>で入力項目グループにタイトルをつける。つまり、<FIELDSET>タグを追加して最初の子要素として<LEGEND>~</LEGEND>タグを入れる。そして、当てはまる要素(<FIELDSET>タグ)を親要素(<form>タグ)の最初の子要素として追加する。次も同じ様に理解できる、最後の.appendTo('fieldset');はfieldsetの最後の子要素として追加される。
<form action="#"></form>
<form action="#"> <fieldset> <legend>選択フォーム</legend> <select name="data"> <option value="1">選択肢1</option> <option value="2">選択肢2</option> </select> </fieldset> </form>