Jquery 如何隐藏/显示用户选择选项标签后单击按钮

我这里有html代码。我想要的是，如果用户选择客户还是代理选项，然后单击next按钮。将显示类客户端或代理

我是一个* 机构 客户

---

首先，默认情况下要隐藏.hide类。然后，您需要向按钮添加一个事件侦听器，单击该按钮可触发一个函数，该函数检查的.value是什么。根据值的大小，您可以.显示相关内容.agency或.clientS。请注意，您可能也想隐藏反向选项，以防用户最初选择错误的选项

这可以从以下几点看出：

const select=document.getElementsByTagName'select'[0]； const button=document.getElementsByClassName'next'[0]； button.AddEventListener单击，函数{ 如果select.value==“代理”{ $'.agencyS'.show； $'.clientS'.hide； }如果select.value==“客户端”，则为else{ $'.clientS'.show； $'.agencyS'.hide； } }; .隐藏{ 显示：无； } 我是一个* 机构 客户 试试这个：

$(function(){
    $(".agencyS,.clientS").hide();
    $("[name='btn']").click(function(v){
        $(".agencyS,.clientS").hide();
        if(v=$(".selectpicker").val()) {
            $("."+v.toLowerCase()+"S").show();
        };
    });
});

var select=document.getElementsByTagName'select'[0]； var button=document.getElementsByClassName'next'[0]； $'.agencyS'.hide//默认代理隐藏 $'.clientS'.hide//默认客户端隐藏 button.AddEventListener单击，函数{ 如果select.value==“代理”{ //如果用户选择代理 $'.agencyS.show；//agencyS show $'.clientS.hide；//客户端已隐藏 }如果select.value==“客户端”，则为else{ //如果用户客户端代理 $'.clientS.show；//客户端显示 $'.agencyS.hide；//agencyS hidden }否则{ $'.clientS'.hide； $'.agencyS'.hide； } }; 我是一个* 机构 客户

---

您的回答正确，符合OP的需要。但是您同时使用jQuery和普通JavaScript。所以，我建议编辑您的答案，并且只使用jQuery，因为OP已经用jQuery标记了他的问题。哦！我首先编辑我的答案以隐藏元素。检查它和它的小提琴活样品。