如何根据 ASP.Net Core 中的 DropDownList 选择显示和隐藏 TextBox？

如何解决如何根据 ASP.Net Core 中的 DropDownList 选择显示和隐藏 TextBox？

当在 DropDownList 中选择 Custmor 项（选项）时，名为（为什么）的 TextBox 将可见，否则 TextBox 将隐藏在 ASP.Net Core 中 在 DropDownList 中选择 Custmor 项目（选项）时，文本框可见 如何将其更改为不可见？ 在这里输入代码 客户 帐号

            </select>
        </div>
        <div class="form-group">
            <label asp-for="Axe" class="control-label"></label>
            <select asp-for="Axe" class="form-control">
                <option>géographique</option>
                <option>démographique</option>
                <option>psycologique</option>
                <option>comportementale</option>

            </select>
        </div>
        <div class="form-group" id="me">
            <label asp-for="why" class="control-label"></label>
            <input asp-for="why class="form-control" />
            <span asp-validation-for="why" class="text-danger"></span>
        </div>
        <div class="form-group">
            <input type="submit" value="Create" class="btn btn-primary" />
        </div>
    </form>
</div>

我试过这个脚本，但不起作用

<script src="~/lib/jquery/dist/jquery.js"></script>


<script>
    $(function () {
        $("#show").click(function () {
            $("#me").show();
            $("#he").hide();
        });
    });
</script>

解决方法

您似乎想根据所选选项显示和隐藏 div，如果是这样，您可以使用更改功能并更改脚本，如下所示：

<script>
    $(function () {
        $("#show").change(function () {
            var option = $(this).val();
            if (option == "xxx") { 
                $("#me").show();
            } else {
                $("#me").hide();
            }
        });
    });
</script>