求助。如何把2个搜索合并到一起呢？通过JS应该可以的吧？！

Question

现在 在页面上有2个搜索部分
第一部分
代码如下
<form id="" name="" method="get" action="index.php">
                           <input type="hidden" name="id" value="test" />
                            <input type="text" name="keyword">
                            <input class="btn" type="submit" value="" />
        </form>
第二部分 代码如下<form id="" name="" method="get" action="index.php">
                            <input type="hidden" name="app" value="store" />
                            <input type="text" name="keyword">
                            <input class="btn" type="submit" value="" />
                        </form>
现在想实现的方法是在搜索框前面加个下拉菜单。
菜单选项一：全站搜索
菜单选项二：店内搜索然后就是搜索文本框 和提交按钮通过代码部分来看的话 传递的地址是一样的
唯一不一样的地方是 2个表单传递的 hidden不同
也就是说，我现在不明白的地方是如何通过JS 点击下拉菜单后 得到不同的隐藏值！？

Answer 1

直接 document.form名称.app.value 或 document.form名称.id.value 不就得到了hidden值了吗

Answer 2

document.forms.find("xx") 这样也挺好的

Answer 3

 <select onchange="fun(this.value)">
<option value="0">全站搜索</option>
<option value="1">店内搜索</option>
 </select>
<form id="" name="" method="get" action="index.php">
<input type="hidden" name="id" value="test"/>
<input type="text" name="keyword">
<input class="btn" type="submit" value="提交" />
<input class="btn" type="button" value="测试" onclick="alert(this.parentElement.innerHTML)" />
</form><SCRIPT LANGUAGE="JavaScript">
<!--
function fun(para) {
var form1 = document.getElementsByTagName("form")[0];
var hid = document.createElement("input");
hid.type = "hidden";
if (para == "1")
{
hid.Name = "app";
hid.value = "store";
form1.removeChild(document.getElementsByName("id")[0]);
}
else if (para == "0")
{
hid.Name = "id";
hid.value = "test";
form1.removeChild(document.getElementsByName("app")[0]);
}
form1.appendChild(hid);
}
//-->
</SCRIPT>