如何通过显示/隐藏HTML div使决策树的层次更深？

mitkmikd 于 2022-11-20 发布在其他

关注(0)|答案(1)|浏览(108)

我想制作一个由决策树组成的HTML页面，决策树取决于在下拉菜单中选择的选项。我只能用“是”或“否”使其深入一层，但不能在第一个“是”后继续使用“是/否”，也不能在第一个“否”后继续使用“是/否”。脚本中是否有什么东西需要修改才能适用，或者是HTML标记的命名？
第一个

1条答案

**第一：**ID必须是唯一的，因此您应该在代码中更改ID myselection三次（可能在一个类中）：

第一个
您可以通过将父DIV的ID和select的值与attr()函数和parents()函数（接受选择器作为参数）组合起来来解决问题：

var value = $(this).val();
var parent_id = "#" + $(this).parents('div').attr('id');

$(parent_id + value).show();

要使其正常工作，还需要为第一个div指定这样一个ID：

<div id="show">Is the forest land expected...

并将第二个选择的Yes选项的值从YesYes更改为Yes ...
要控制应该隐藏哪个层，可以使用data属性（可能是data-target），该属性可以用作hide()函数的选择器：
第一个

工作示例：

第一个