Javascript 基于下拉选择生成输入框

我希望能够从下拉列表中进行选择，然后让它动态生成一个输入框，上面有一个适当的标签。例如：

如果我从下拉列表中选择学校：

<label>Enter School name:</label>
<input name="name">

<label>Enter Individual name:</label>
<input name="firstName">
<input name="lastName">

如果我从下拉列表中选择“个人”：

<label>Enter School name:</label>
<input name="name">

<label>Enter Individual name:</label>
<input name="firstName">
<input name="lastName">

$'elementreg'.changefunction{ $'input-holder'。为空； 如果$this.val==个人{ $'input-holder'。追加； } }; 为你自己 学校 组 演播室

---

您的代码可以工作，但为什么不显示/隐藏？它比每次操作DOM要快得多

$elementreg.onchange，函数{ var val=$this.val； $.types.hide.find'input:text'.val；//隐藏并清空 如果val$+val.show； }; .类型{ 显示：无 } 为你自己 学校 组 演播室 输入个人姓名：

---

您的代码可以工作，但为什么不显示/隐藏？它比每次操作DOM要快得多

$elementreg.onchange，函数{ var val=$this.val； $.types.hide.find'input:text'.val；//隐藏并清空 如果val$+val.show； }; .类型{ 显示：无 } 为你自己 学校 组 演播室 输入个人姓名：

---

好的，我是这样做的，但是我没有得到我想要的输出，以什么方式？使用JS创建会更好吗？在我从下拉菜单中更改选择后，输入字段仍然存在。i、 它仍然保留以前选择的输入字段，在我更改选择时不会隐藏它们。如果每次都清空div，则不会。我已经修改了我的代码，将div的字段清空，这样如果他先填写，然后选择学校，它就不会发送个人的姓名。添加了另一个示例。好吧，我是这样做的，但我没有得到我想要的输出。以什么方式？使用JS创建会更好吗？在我从下拉菜单中更改选择后，输入字段仍然存在。i、 它仍然保留以前选择的输入字段，在我更改选择时不会隐藏它们。如果每次都清空div，则不会。我已经修改了我的代码来清空div的字段，这样，如果他先填写姓名，然后选择添加另一个示例，它就不会发送个人的姓名