使用jquery将值附加到查询字符串

时间:2018-04-02 22:07:05

标签: jquery

我正在尝试使用jQuery将值附加到查询字符串,我遇到的问题是值正在重复,如下所示。

{'Mercury': ('0', '13 April 2018'), 'Murder At Koh E Fiza': ('34', 'Expected in April 2018'), 'October': ('59', '13 April 2018'), 'Missing': ('0', '06 April 2018'), 'Blackmail': ('86', '06 April 2018'), 'Omerta': ('50', '20 April 2018'), 'Subedar Joginder Singh': ('0', '06 April 2018')}

我真正想要的是什么?id = na& val1 = ring& val2 = Gold

我的代码是:

?id=na&val1=/?id=na&val1=Ring&val2=/?id=na&val2=Gold

任何帮助将不胜感激 类型如下:

 $("#Type").change(function () {
        sessionStorage.setItem("Type1", $(this).val());
        location.href = "/?id=na&val1=" + sessionStorage.getItem("Type1") + "&val2=" + sessionStorage.getItem("Type2");
    });

只是更新,我有3个选择,访问者可以从第一个选择中选择将执行页面刷新并更新页面上内容的值。

访问者可以从第二个选择中选择一个选项,该选项随第一个选择的值而变化,然后我需要传递选择1的值和第二个选择的整页刷新,然后更新第3选择。

如果一次只做1次更新,我可以让代码工作,但是在尝试根据3次选择进行过滤时遇到问题。

希望有意义

1 个答案:

答案 0 :(得分:0)

为什么人们在没有解释降价原因的情况下标记问题。如果有人不知道如何帮助他们,那么最近似乎发生了很多事情。我们都处在时间不利的情况下,我们没有时间让Google寻找可能出现在这种情况的答案。

Paul Thompson,您的选择列表,替换为以下

<select id="Type" name="Type"><option value="">Type</option>
<option value="ring1">Ring1</option>
<option value="ring">Ring</option>
</select>

然后您可以执行以下操作:

 $(document).ready(function () {
var type1Value;
var type2Value;
var type3Value;

$("#Type1").change(function () {
        sessionStorage.setItem("Type1", $(this).val());
        location.href = "/?id=na&Type1=" + $(this).val();
    });

$("#Type2").change(function () {
        sessionStorage.setItem("Type2", $(this).val());

        if (sessionStorage.getItem("Type1") === null) {
            type1Value = "na";
        } else {
            type1Value = sessionStorage.getItem("Type1");
        }

        if (sessionStorage.getItem("Type2") === null) {
            type2Value = "na";
        } else {
            type2Value = sessionStorage.getItem("Type2");
        }

        location.href = "/?id=na&type1=" + type1Value + "&type2=" + type2Value;
    });
 });

所以你说你有3个选择列表,所以对第3个选择列表也一样,然后当你做出选择列表更改时,url会随着提供的值而改变。