如果未进行选择，JQuery或JavaScript将在按钮单击时发出警报

我有一个按钮，当点击它时，它会指向另一个html页面。我现在被一个点击事件卡住了，我不确定是否要在这个事件上使用javascript或jquery。基本上，当我单击并且选择标记中没有任何项目时，就会显示警报弹出窗口。否则，继续正常导航到下一页。任何反馈都将不胜感激

$（文档）.ready（函数（）{
$（“#showDangerAlert”）。单击（函数（）{
$（this.show（）；$（this.hide（）；
});
}); 

您尚未选择配送选项！请选择一个继续。
选择。。。
送货地址
店内提货
您将在安装过程中选择所需的商店
结帐。
您可以使用JQuery附加一个click事件，并检查用户是否对select进行了一些选择。如果用户已经选择了一些东西，请使用javascript进行导航

$('#button').on('click', function (e) {
    if ($('#selector_id').val() != no_selected_value) {
       window.location = "/your_page";
    } else {
       $('#showDangerAlert').show();
    }
});

因此，在您的案例中，没有选择的值应为红色/黄色或蓝色


编辑

我已经对你的代码做了一些修改，正如我上面解释的那样


$（文档）.ready（函数（）{
$（“#showDangerAlert”）.hide（）；
$（“#showDangerAlert”）。单击（函数（）{
$（this.hide（）；
});
});
$（“#按钮”）。在（'click'，函数（e）{
if（$（'#colorselector'）.val（）！='red'）{
window.location=“/shoppingCart.html”；
}否则{
$（'showDangerAlert'）.show（）；
}
});

您尚未选择配送选项！请选择一个继续。
选择。。。
送货地址
店内提货
添加到购物车
您将在安装过程中选择所需的商店
结帐。

如果未选择任何选项，则这将警告未选择任何选项
否则你想干什么就干什么。同样的代码也可以用于
JavaScript，只需要更改选择器


$（“#btncheck”）。在（“单击”，函数（）{
if（$（“#mySelect”）[0]。selectedIndex
$（文档）.ready（函数（）{
$（'showDangerAlert'）.show（）；
$（“#颜色选择器”）.change（函数（）{
var sel=$（“#颜色选择器选项：选中”）.val（）；
if（sel=='red'）{$（'showDangerAlert'）.show（）；}else{$（'showDangerAlert'）.hide（）}
});
})；

您尚未选择传送选项！请选择一个以继续。
选择。。。
送货地址
店内提货
您将在安装过程中选择所需的商店
结帐。
能否显示您尝试过的内容以便我们可以帮助您？$（文档）.ready（函数（）{$（“#showDangerAlert”）。单击（函数（）{$（此）.show（）；$（此）.hide（）；}）；对不起，我删除了其他尝试。但我只想对选择进行评估，如果没有选择，则显示错误，否则如果选择了一个，则继续正常进行
$（this.show（）；$（this.hide（）；
？？@Jeto我删除了其他尝试，但没有保存。我只是在寻找方向。