如果URL包含邮政编码,则显示div

时间:2018-03-23 21:15:26

标签: javascript jquery .net arrays forms

这是场景(在.NET中,所以Jquery是必须的):

  1. 用户在下面的字段中输入一个邮政编码,一旦点击进入/提交,他们就会被重定向到一个页面,其中包含一个与之相关联的邮政编码条目的URL字符串,然后会显示一个带有一些信息的div并隐藏与其无关的其他内容,均基于邮政编码条目。
  2. 我的代码:

    <pre>
    function goToPage() {
    var page = document.getElementById('ZipCode').value;
    window.location = "results.aspx?=ZipCode" + page;
    }
    
    &lt;input type="text" id="ZipCode"/&gt;
    &lt;button type="button" value="submit" id="ZipSearch" 
    onclick="goToPage();"&gt;SEARCH&lt;/button&gt;
    </pre>
    
    1. results.aspx页面将类似www.website.com/results.aspx?=91343,然后显示加州div,并隐藏其他div。

      <div id="california" style="display:none">
      <p>California</p>
      </div>
      <div id="washington" style="display:none">
      <p>Washington</p>
      </div>
      
      if (window.location.href.indexOf("91343") > -1) {
      $('#washington').hide();
      $('#nationwide').show();}
      if (window.location.href.indexOf("98001") > -1) {
      $('#washington').show();
      $('#nationwide').hide();}
      
    2. 我只需使用一个邮政编码即可使用它,如何使用多个邮政编码? 谢谢

0 个答案:

没有答案