基於下拉選擇

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>