选定zTree插件下拉菜单实例代码

选定zTree插件下拉菜单实例代码
CSS和JS
复制代码代码如下所示：

HTML
复制代码代码如下所示：

确定

自定义js代码
复制代码代码如下所示：

无功ztree1；
var设置= {
支票：真，
CheckType：{Y：S
issimpledata：真，
TreeNodeKey：身份证
TreeNodeParentKey：PID
FontCss：设置字体，
回调：{
BeforeClick：ztreeonbeforeclick，
}
}；
无功znodes = {
{：1，PID：0，名称：北京}，
{：2，PID：0，名称：天津}，
{：3，PID：0，名称：上海}，
{：6，PID：0，名称：重庆}，
{：4，PID：0，名称：河北省
{：41，PID：4，名称：石家庄}，
{：42，PID：4，名称：保定}，
{：43，PID：4，名称：邯郸}，
{：44，PID：4，名称：承德}，
{：5，PID：0，名称：广东省
{：51，PID：5，名称：广州}，
{：52，PID：5，名称：深圳}，
{：53，PID：5，名称：东莞}，
{：54，PID：5，名称：佛山}，
{：6，PID：0，名称：福建省
{：61，PID：6，名称：福州}，
{：62，PID：6，名称：厦门}，
{：63，PID：6，名称：泉州}，
{：64，PID：6，名称：三明}
}；

功能设置字体（treeid，TreeNode）{
如果（树节点的树。isparent）{
返回{颜色：蓝色}；
{人}
返回null；
}
}
功能菜单（）{
无功cityobj = $（# citysel ）；
无功cityoffset = $（# citysel ）偏（）；
$（# dropdownmenubackground）。Css（{左：cityoffset左+PX。
}
功能reloadtree（）{
HideMenu（）；
ztree1 = $（# dropdownmenu）。ZTree（设置，znodes）；
}
功能hidemenu（）{
$（# dropdownmenubackground）。SlideUp（快速）；
}
功能ztreeonbeforeclick（treeid，TreeNode）{
返回false；
}
函数输入（）{
var；
无功节点= ztree1.getcheckednodes（）；
var I＝0；
做{
节点+ {
如果（节点{我}。isparentnodes {我}，{检查）
我=我+节点nodes.length {我}；
}
别的{
++；
}
}（i <节点长度）
STR = str.slice（0 - 1）；
$（# citysel ）瓦迩（STR）；
}

$（文档）Ready（函数（e）{）
ReloadTree（）；
$（# menubtn ）Bind（单击。
函数（）{
如果（$（# dropdownmenubackground）。Css（显示）= =无）{
菜单（）；
}
别的{
HideMenu（）；
}
}
）；
$（体），Bind（mouseDown
函数（事件）{
（如果！（event.target.id = =dropdownmenubackground| | $（事件。目标）。父母（# dropdownmenubackground）。长度＞0））{
HideMenu（）；
}
}）；
}）；