Php 试图通过onChange form事件将访问者发送到另一个页面并打开特定的div

我有一个叫做states.php的页面。在从下拉菜单中选择之前，每个状态都是隐藏的。然后显示选定的状态div并隐藏其他状态div。这在states.php页面上非常有效

然而，我在网站的每一页上都有相同的表单。我希望能够从home.php中选择一个状态，将它们重定向到states.php并打开正确的states div

以下是表单和html：

<div class="select"><span class="selectState">Select a State</span><span><form>
        <select name="States" id="options" class="form-select">            
        <option value="state" selected="selected">- Select a State -</option>            
        <option value="1" >New York</option>
        <option value="2" >New Jersey</option>
        <option value="3" >Texas</option>
         </select>
        </form></span></div>


<!-- NY Map -->
<div id="state1" class="state stateShow">
NY CONTENT
</div>

<!-- NJ Map -->
<div id="state2" class="state stateShow">
NJ CONTENT
</div>

<!-- TX Map -->
<div id="state3" class="state stateShow">
TX CONTENT
</div>

任何帮助都将不胜感激

---

谢谢

您可以将状态值放入链接的哈希中，然后在states.php javascript中检查。例如，在主页上，放置以下链接：

<a href="states.php#1">New York</a>

---

我编辑了我的答案以使用

window.location.hash.substring（1）

，以便从值的开头删除哈希。现在应该能用了，还是不行。我以前尝试过类似的方法，目标是states.php页面，但只会转到该页面，而不会打开特定的div。除非我忽略了它。我想我对这一点想得太多了。这就是最终奏效的方法：选择一个地点，华盛顿特区，新泽西州，德克萨斯州

.state {
 display: none;
}
.stateShow {
  display:block;
}

<a href="states.php#1">New York</a>

$(document).ready(function() {  
    function optionCheck() {
        // option check logic ...
    }
    document.getElementById("options").onchange = optionCheck;

    if (window.location.hash) {
        document.getElementById("options").value = window.location.hash.substring(1);
        optionCheck();
    }
});