HTMLの入力フォームで、セレクトボックスの値に応じて複数の項目をまとめて増やしたい。
ここに質問の内容を詳しく書いてください。
セレクトボックスを入れて、
お客さんの人数分、氏名・住所・職業と身分証をアップロードしてもらい、
内容をスプレッドシートに転記する仕組みのフォームを作りたいと奮闘しているど素人です。
まずセレクトボックスの時点で人数分増えなくなってしまいました。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script>
$(function($) {
$('#numSelect').change(function() {
$('#inputForms').empty();
for(var i = 0; i < $(this).val(); i++){
var addForm = $('<input type="text" placeholder="氏名入力">''<input type="text" placeholder="住所 ">''<input type="text" placeholder="職業">');
$('#inputForms').append(addForm);
}
});
});
</script>
</head>
<body>
<select id="numSelect" name="numSelect">
<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>
<div id="inputForms">
<input type="text" placeholder="氏名"><input type="text" placeholder="住所"><input type="text" placeholder="職業"></input>
<div>
</body>
</html>