Question

我有一个包含多个输入字段和3个主要选项的表单。根据用户选择的选项，我希望能够隐藏不相关的字段并显示相关的字段。请有人建议我如何实现这一点。

我的第二个问题是每个字段旁边都有一些示例文本，所以我希望能够根据用户选择的内容更改文本。到目前为止，我所做的是在字段旁边的<p>标签中显示每个文本，并且我已经给它了两个类。一个是静态的，用于设置文本的样式（.htxt），另一个是.option1 .option2 .option3。因此，当用户点击选项一时，我想隐藏所有option2和3文本并仅显示1.所以我到目前为止有这样的东西

    $(".link").click(function () {
        $(".hTxt").hide("slow");
        // this gets the id of the link (option 1, option2, option3)
        target = $(this).attr("id");
        $(".hTxt ." + target).show("slow");
    });

这似乎不起作用，我想知道是否有人可以帮助我解决这个问题。

其中一个文本的html看起来像是

<p class="hTxt option1" >help me</p>

虽然调用它的链接看起来像是

<a class="link" id="option1">this is option1</a>

Answer 1

你正在保存一个id但是用它选择一个类;试试这样

$(".link").click(function () {
        $("#.hTxt").hide("slow");
        // this gets the id of the link (option 1, option2, option3)
        target = $(this).attr("id");
        $(".link #" + target).show("slow");   /* #id VS .class */
    });

在这里你混音：$("#.hTxt").hide("slow");

如果它是一个类 - ＆gt; $(".hTxt").hide("slow");

如果是id - ＆gt; $("#hTxt").hide("slow");

- 编辑 -

我猜你的评论hTxt是一个类，所以请尝试这样，让我知道

$(".link").click(function () {
        $(".hTxt").hide("slow");
        // this gets the id of the link (option 1, option2, option3)
        target = $(this).attr("id");
        $(".link #" + target).show("slow");   
    });

将var传递给jquery函数

1 个答案: