我刚开始使用 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>