所以我在我的页面上进行了选择，根据用户的选择，我想向他显示输入字段的数量，然后在 php 脚本中对其进行处理。
看起来像这样：
https://i.imgur.com/RlYySko.png
如果用户选择 3 则应出现 3 个输入字段，如果 2 则 2 以此类推，无需重新加载页面。这里应该用什么js什么的？
【问题讨论】：
标签： javascript select input
假设您有一个已经存在的表单 f，您可以通过循环 x 次来动态创建输入元素，其中 x 是所需的选定输入数量，所以类似于
for ( var i=0;i<x;i++){
var inputText = document.createElement("input"); //input element, text
inputText.setAttribute('type',"text");
inputText.setAttribute('name',"mark" + i);
f.append(inputText);
}
【讨论】：
这是一个sn-p，你可以运行并检查它。如果输入数量减少，它还会保留输入值。
var inputNumber = document.getElementById('input-number');
inputNumber.addEventListener('change', changeNumberOfInputs);
function changeNumberOfInputs(event) {
var desiredInputs = parseInt(event.target.value);
var inputsForm = document.getElementById('inputs-form');
var actualInputs = inputsForm.getElementsByTagName('input').length;
if(actualInputs < desiredInputs) {
for(var i=0; i<(desiredInputs - actualInputs); i++) {
inputsForm.appendChild(document.createElement('input'));
}
}
else if(actualInputs > desiredInputs) {
for(var i=0; i<(actualInputs - desiredInputs); i++) {
var lastInput = inputsForm.getElementsByTagName('input');
lastInput = lastInput[lastInput.length - 1];
inputsForm.removeChild(lastInput);
}
}
}<select id="input-number">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<form id="inputs-form">
<input />
</form>【讨论】：
您想要做的是创建所有 6 个输入字段。然后将它们全部隐藏为标准，并执行document.getElementById(id).style 以获取样式。然后在 Select 发生变化时调用一个函数，并使用选定的值来发现隐藏的输入！
正如@Arthur Cantarela 所说，这在 JS 中是一种不好的做法。 或者，您可以将它们放在一个 div 中，并根据需要更改 div 的 innerHTML！
【讨论】：
您可以在 angularjs 中使用 ng-repeat 并将数字选择绑定到重复表达式。
【讨论】：