从 JStree 复选框列表创建 HTML 发布表单的值

Question

我刚刚开始使用 JQuery 和 Javascript，并调整一组嵌套的复选框输入以利用 jstree 复选框行为。在意识到每个项目必须是一个锚标记才能被 jstree 代码识别之后，我现在不确定如何从 POST 表单提交的项目生成值。以前它们是复选框输入，我希望能够保持这种方式，以便在关闭 JavaScript 的情况下表单仍然可以运行。将输入包装在锚标记中会导致每个项目有两个复选框，一个由 JStree 进行样式和行为控制，另一个则被忽略。我认为这不是要走的方向。

任何有关如何实现这一目标的建议将不胜感激。

我使用以下配置代码启动 JStree -

$(document).ready(function()
{
    $('.nested-category').jstree({ 
        ui: { theme_name : "checkbox" },
        plugins : ["checkbox", "themes", "html_data", "ui" ]
    });
}
);

这是 JStree 代码影响的表单的简化版本，但无法提交值。

<form method="post" action="">

<div class="nested-category">

<ul class="">
    <li><a href="#">group1</a>
        <ul>
            <li><a href="#">subgroup1</a>
                <ul>
                    <li><a href="#">item1</a></li>
                    <li><a href="#">item2</a></li>
                    <li><a href="#">item3</a></li>
                </ul>
            </li>
            <li><a href="#">subgroup2</a>
                <ul>
                    <li><a href="#">item4</a></li>
                    <li><a href="#">item5</a></li>
                    <li><a href="#">item6</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#">group2</a>
        <ul>
            <li><a href="#">subgroup3</a>
                <ul>
                    <li><a href="#">item7</a></li>
                    <li><a href="#">item8</a></li>
                    <li><a href="#">item9</a></li>
                </ul>
            </li>
            <li><a href="#">subgroup4</a>
                <ul>
                    <li><a href="#">item10</a></li>
                    <li><a href="#">item11</a></li>
                    <li><a href="#">item12</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
</div>

<input class="form-submit" type="submit" name="submit" value="submit">
</form>

Answer 1

我通过在每个锚标记内添加输入元素解决了这个问题，这些元素被一些额外的 Javascript 隐藏。当检查 jsTree 生成的输入时，jsTree 脚本中的几行附加行将“checked”添加到输入，反之亦然（如果输入返回到已检查的表单）。如果关闭 Javascript，输入复选框将在 HTML 表单中正常工作。如果有人需要进一步解释，我可以发布示例以及对 jsTree 所做的更改。

我不怀疑这是一种有点摇摇欲坠的解决问题的方法，但这就是我目前对网络开发的不了解状态！

Answer 2

就我个人而言，我会使用 AJAX。 $.post

给锚点一个 ID，在 jsTree 中我确信有一个方法可以获取所有选定的 ID