Question

我的问题有点难以解释，但我会尽我所能。我有一个看起来有点像这样的页面：

<form>
  <input type="radio" name="option" id="option1" value="1"><label for="option1">Option 1</label>
  <input type="radio" name="option" id="option2" value="2"><label for="option2">Option 2</label>
  <input type="radio" name="option" id="option3" value="3"><label for="option3">Option 3</label>
  <input type="submit" value="Ok">
</form>
<div id="option1Container">
  Content
</div>
<div id="option2Container">
  Content
</div>
<div id="option3Container">
  Content
</div>

所有选项容器都是隐藏的，因此当用户检查单选按钮并单击“确定”时，页面会向下滚动到所选择的淡入淡出的选项。

我有一个jquery-code来检测url中是否有？option = X，以便我可以链接到我想要的其他页面。因此，如果用户访问www.myurl.com/?option=2，则会加载带有上述代码的页面并向下滚动到容器中以获取选项2.

现在，我想要做的是我想要？当用户使用单选按钮选择选项并提交时，将选项= X添加到网址。这样，用户就可以复制地址并发送给他们的朋友。

这样的事情：

$( "form" ).submit(function( event ) {
  var value = $(this).find('input[name="option"]:checked').val();
  // Add "?option=" + value to URL
});

我无法让它工作，我找不到任何关于它的指南。有谁知道怎么做？

在不使用jQuery重新加载页面的情况下向url添加文本

0 个答案: