基于下拉选择

Question

我有一个表格，像这样的动态搜索参数

<form name="search" class="form-search" method="get" action="http://www.websitehere.com/search.php?"> 
<div> 
<input name="search" type="text" class="search-query input-large" onkeypress="return submitenter(this,event)"> 
<button type="submit" class="btn btn-primary">Search</button> 
</div> 

当Option2，就像这样：

<form name="search" class="form-search" method="get" action="http://www.websitehere.com/search.php?"> 
<div> 
<input name="searchbynum" type="text" class="search-query input-large" onkeypress="return submitenter(this,event)"> 
<input type="hidden" name="searchbydesc" value="" /> 
<input type="hidden" name="Submit" value="Go" /> 
<button type="submit" class="btn btn-primary">Search</button> 
</div> 

所以没有等等与其他选项。我明白，在这里需要一点Javascript，但我不知道（我知道基本的HTML和CSS，没有太多的Javascript）。我将不胜感激这个话题的任何帮助。

Answer 1

看看使用document.createElement（）

你应该能够做到：

<script> 
function addInputs() { 
    var input = document.createElement("input"); 
    document.getElementById("frm").appendChild(input); 
} 
</script> 

<form id="frm"> 
<select onchange="addInputs()" id="sel"> 
<option>Option 1</option> 
</select> 
</form>