ののクラスに複数のdivタグがあり、その中に入力要素とボタン要素があります。私は入力タグから値を取得する関数を作成しようとしています。ボタンをクリックすると、次の入力とボタンフィールドがポップアップし、別の情報を入力するように求められます。 。ただし、ここで機能していないのはjsfiddleです。ボタンの組み合わせに関数を追加するにはどうすればいいですか
HTML
<div id="container">
<div class="opt active"> <input type="text" placeholder ="Enter Name"name="name"> <button>OK</button>
</div>
<div class="opt">
<input type="text" placeholder ="Enter Age" name="age"> <button>OK</button>
</div>
<div class="opt">
<input type="text" placeholder ="Enter Race" name="race"> <button>OK</button>
</div>
<div class="opt">
<input type="text" placeholder ="Enter Sex" name="sex"> <button id="done">Done</button>
</div>
</div>
Javascriptを
function init(){
var opt = document.getElementsByClassName('opt');
var num = 0;
var prop = [];
var propVal = [];
for (var i = 0 ; i < opt.length; i++)
{
opt[i].querySelector('input').value = "";
}
opt[num].querySelector('button').onclick = function()
{
prop[num] = opt[num].querySelector('input').name;
propVal[num]= opt[num].querySelector('input').value;
opt[num].className = "opt";
opt[num+1].className ="opt active";
console.log(prop +" "+ propVal);
num++;
};//button function
}
init();
?フォームは通常どおり提出されるべきですか? – Shaggy
最後のボタンをクリックしたときの@Shaggyは、入力タグに入れた情報を表示する別の関数をアクティブにするはずです。しかし、私はまだそれを作成していない –