Question

我有页面A，我有三个锚点。和页面B，我选择#days值为30,180,365

所以，当我点击页面A时，一个带有href的锚点就像页面一样？v = 30我应该跳转到页面B，在选择#days时，会自动选择值= 30的选项。

有可能吗？我想最简单的就是使用jquery或其他东西。

谢谢！

编辑：我有以下PHP代码来显示值。

<select id="days" name="days">
              <?php foreach($prices as $current_days => $details): ?>
                <option value="<?php echo $current_days ?>" <?php selected( $subscription_days, $current_days ); ?>>
                  <?php echo $details['desc']; ?>
                </option>
              <?php endforeach; ?>
            </select>

Answer 1

在此处详细描述了获取变量：Getting value GET OR POST variable using JavaScript?

现在您只需要一个Javascript来检查是否设置了此值，然后只需操作选择框。我不会在纯Javascript中做那样的事情。 jQuery for Example在其API中为此提供了良好的功能。

Answer 2

您可以使用类似

的内容

function getParameter(paramName) {
  var searchString = window.location.search.substring(1),
      val, params = searchString.split('&');

  for (var i=0; i<params.length; i++) {
    val = params[i].split('=');
    if (val[0] === paramName) {
      return unescape(val[1]);
    }
  }
  return false;
}

var v = getParameter('v');

if (v) {
    $('#days').val(v);
}

Answer 3

您可以使用JavaScript从URL获取参数，并将select设置为所需的值。使用jQuery的一个例子就是这个：

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  <script type="text/javascript">
    function selectItem() {
      var i = getParam('v');
      $('#days').val(i);
    }
    function getParam(paramName) {
      return decodeURI(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
      );
    }
  </script>
</head>
<body onload="selectItem()">    
  <select id='days'><option value='1'>1</option><option value='2'>2</option></select>
</body>
</html>

Answer 4

使用here编写的函数来获取URL变量，您只需要：

$('#days').val($.getUrlVar('v'));

Demo fiddle

Code fiddle

Answer 5

这样的事情应该有效：

<a href="http://server/PageB?value=30">Anchor A</a>
<a href="http://server/PageB?value=180">Anchor B</a>
<a href="http://server/PageB?value=365">Anchor C</a>

从你的Page B中你必须放这个脚本：

function GetQueryStringParams(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++)
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam)
        {
            return sParameterName[1];
        }
    }
}

var valueFromUrl = GetQueryStringParams("value");
$("#your-select-id option").each(function()
{
    this.selected = (this.text() == valueFromUrl);
});

从页面重定向时，设置“选择”的“选项”值

5 个答案: