如何根据下拉选项在{javascript'中“生成”链接

时间:2018-03-29 17:54:26

标签: javascript jquery html

我有3种不同的下拉菜单,用户可以选择不同的项目。在选择所有3并确认之后,链接应该生成并存储在“paypal”内。 a>标签

<div class="dropdown">
                <button class="btn btn-default dropdown-toggle" id="dropdownMenuButton" type="button"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                    XBOX
                    <span class="caret"></span>
                 </button>
                    <div class="dropdown-menu" id="ddvalue1" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" value="xbox">xbox</a>
                        <a class="dropdown-item" value="ps4">ps4</a>
                        <a class="dropdown-item" value="pc">pc</a>
                    </div>
                </div>

**其余代码**

https://jsfiddle.net/t722qhq0/9/

让我说一个场景:

用户选择xbox,下一个下拉列表显示xbox上可用的游戏...让我们说只剩下pes18和fifa18 ...用户选择fifa18 ...然后在下一个下拉列表中他可以选择使用paypal付款或skrill ..

他所做的每一个选择都需要生成不同的链接

让我们说结果是 XBOX ---&gt; FIFA18 ---&gt; PAYPAL

这样的链接(https://www.microsoft.com/en-us/store/p/fifa-18/bwpkgqv97n7n)需要存储在

<a href="#"><i class="fab fa-paypal"></i></a>

以便用户可以导航到它......

我不知道如何在javascript中编写代码。我基本上是新手,我真的迷失了。

我试过这样的事情:

function generateLink(){
var value1 = document.getElementById("ddvalue1").value;
var value2 = document.getElementById("ddvalue2").value;
var value3 = document.getElementById("ddvalue3").value;

if (value1 == "xbox" && value2 == "fifa18" && value3= "paypal")
{
    $("pastehere").append("<b>https://www.microsoft.com/en-us/store/p/fifa-18/bwpkgqv97n7n</b>");
}
}

请帮我解决这个问题,我绝望了

0 个答案:

没有答案