HTML表单 - 发送多个参数

Question

如果以前有人问过我最深切的歉意，但是我很难说出它的字眼，找不到其他东西。

我有一个带下拉选择的表单，当用户选择一个选项时，我希望它添加#something，以便将它重定向到我设置的网页上的预设位置。

麻烦是我不能让它工作。

  <form action="index.html"> 
       <select name="dropdownMain" onchange="this.form.submit()"> 
       <option value=""></option> 
       <option value="Test">Test</option> 
       <option value="Banana">Banana</option> 
       <option value="Chicken">Chicken</option> 
       </select> 
      </form> 

如果我添加一个＃以选项的值，该URL应该是这样的：

http://localhost/mike/index.html?dropdownMain=%23Test

有什么办法，我可以简单地这样做呢？或者我可以在“动作”部分添加多个东西。例如：

<form action="index.html#" + value> 

再次，我很抱歉，如果这已经被要求，或者如果我失去了一些可笑的明显。

Answer 1

我不会推荐通过追加#在动作属性中包含这些参数。以下是我可以推荐的两个选项

1. 使用JS/JQuery库将控件的另一个预设位置移动到HTML页面上。您可以考虑一些与TAB相关的库以达到指导目的。
2. 表单中的隐藏字段 - 您可以随时将HIDDEN字段添加到表单中，并且可以在JS/JQUERY中进一步操作以将其移动到预设位置。