Question

我正在尝试编写一个html页面（page1）来点击另一个页面的网址（Pgae2）。并获取第2页下拉列表的元素ID，以便在我从page1点击第2页的url超链接时显示它。谁能说出如何实现这个呢？

HTML：

<!DOCTYPE html> 
<html>
   <body>
      <p><a href="page.aspx" onclick="network();" >link</a></p>
   </body>
</html>
<script language="javascript" type="text/javascript"> function network()

JS：

{
    var selectednetwork =
        document.getElementById("ctl00_ContentPlaceHolder1_ddlNetwork").‌selectedIndex;

    alert(document.getElementById("ctl00_ContentPlaceHolder1_ddlNetwork"));
    if (document.getElementsByTagName("option")[selectednetwork].value == "LAN-AD-EU"); {

        for (var i = 0; i < selectObj.options.length; i++) {
            if (selectObj.options[i].text == LAN - AD - EU) {
                selectObj.options[i].selected = true;
                return;
            }
        }
    }
}

Answer 1

在第2页上，您只需通过document.getElementById（“ID”）获取ID，并在document.ready上使用它。在你的情况下，与第一页无关。

Answer 2

您可以使用jQuery的GET方法来使用它。

例如

$.get('Page2.html', null, function(text){
    alert($(text).find('#name')); //#name is the name of your dropdown of 2nd page
});

Answer 3

您可以在下拉列表的更改事件中将所选值存储在localstorage中，如下所示 -

localStorage.setItem("selectedValue","yourselectedValue");

您可以从任何页面访问此值。

Answer 4

您可以使用<a>元素，location.hash，.focus()

page1.html

<!DOCTYPE html>
<html>

  <head>
  </head>

  <body>
    <a href="page2.html#select">click</a>
  </body>

</html>

page2.html

<!DOCTYPE html>
<html>

  <head>
  </head>

  <body>
    <select id="select">
      <option value="1">1</option>
      <option value="2" selected>2</option>
      <option value="3">3</option>
    </select>

    <script>
        document.querySelector(location.hash).focus();
    </script>
  </body>

</html>

plnkr http://plnkr.co/edit/mTXgH7GMBwamwyCGtkms?p=preview

我需要获取第2页的元素id并编写一个html页面

4 个答案: