Javascript 基于多个下拉列表的结果加载特定div

编辑：如果列出的Javascript被完全删除，并且下拉菜单在

中重新设置为

，并且最终的div由Javascript onclick事件生成，这种方法会更容易吗？e、 g

    <a id="click_link">click me</a>

       $("#click_link").click(function(){
       $('#div').load('http://www.link.com/');
    });

以及html：

<div id="dropOptions">
    <div id="dropOptionsTitle"><p>Item</p></div>
    <div id="DropItBlodeuwedd"></div>
</div>

<div id="dropOptions">
    <div id="dropOptionsTitle"><p>Precious Stones</p></div>
    <div id="DropItPearls"></div>
</div>

<div id="dropOptions">
     <div id="dropOptionsTitle"><p>Payment</p></div>
    <div id="DropItPayments"></div>
</div>

<div id="dropOptions">
    <div id="dropOptionsTitle"><p>Delivery</p></div>
     <div id="DropItDelivery"></div>
</div>

<div id="dropOptions">
    <div id="dropOptionsTitle"><p>Buy Now!</p></div>
     <div id="DropItBuy"></div>
</div>


项目

宝石

付款

交付

现在就买


同样，工作版本是可查看的

非常感谢
 我认为您需要的是让您的“购买”按钮动态读取下拉列表当前显示的内容，并在此基础上构建重定向链接，而不是每次下拉列表更改时都尝试更新“购买”按钮

从您的代码中，我看不出最终URL的形式应该是什么。例如，要获取交货选项的当前值，可以选中
$（“#DropItDelivery:selected”）.text（）
，类似于
“按订单制造”

现在就买吧！可以是一个
按钮
，带有一个
单击
事件，该事件读取这些值并使用基本字符串连接构造URL，例如：

window.location = "buynow.html?delivery=" + $('#DropItDelivery :selected').text() +
                  "&payment=" + $('#DropItPayments :selected').text()
                  // etc.

当然，您必须在服务器上处理这些选项

如果您想重定向到处理程序的付款页面，您可以根据付款方式进行分支，并根据该方式为他们提供所需的URL

var pm = $('#DropItPayments :selected').text();
if (pm == "Visa")
{
    // Visa payment URL construction
}
else if (pm == "Send Your Details")
{
    // Send your details URL construction
}
// etc.

谢谢，我喜欢这种方法。我唯一的疑问在于，正如您所提到的，最终URL的形式应该是-根据选择的支付选项，URL必须：A）重定向到Paypal/VISA支付页面B）发送电子邮件，邀请在支付前进一步讨论自定义选项。本质上，它将重定向到项目“103.2”（项链D，子选项a，子选项B）的特定URL，或者通过PHP发送一封包含下拉选择结果的电子邮件。@Lewis更新了一个基于支付处理器的分支示例。
var pm = $('#DropItPayments :selected').text();
if (pm == "Visa")
{
    // Visa payment URL construction
}
else if (pm == "Send Your Details")
{
    // Send your details URL construction
}
// etc.