我有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>");
}
}
请帮我解决这个问题,我绝望了