Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > JS 无限级 Select效果实现代码(json格式)_表单特效

JS 无限级 Select效果实现代码(json格式)_表单特效

WBOY
Freigeben： 2016-05-16 18:02:49
Original
916 Leute haben es durchsucht

演示地址: http://demo.jb51.net/js/2011/js_select/index.htm
数据

复制代码 代码如下:

var data=[
{id:1,name:"前端开发",pid:0},
{id:2,name:"CSS",pid:1},
{id:3,name:"JS",pid:1},
{id:4,name:"HTML",pid:1},
{id:5,name:"数据库",pid:0},
{id:6,name:"SQLServer",pid:5},
{id:7,name:"MYSql",pid:5},
{id:8,name:"Oracle",pid:5},
{id:9,name:"PLSQL",pid:8}
];

无限级 select demo1
复制代码 代码如下:

var demo1=Doc.Get("demo1");
var chg=function(obj){
if(obj.options.length>1){
obj.selectedIndex=0;
demo1.appendChild(obj);
}
}
var sel1=new Select(data,chg);
var _arr=sel1.getDom();
for(var i=0;i<_arr.length>demo1.appendChild(_arr[i]);
}

无限级 select demo2
复制代码 代码如下:

var demo2=Doc.Get("demo2");
var chg=function(obj){
if(obj.options.length>1){
obj.selectedIndex=0;
demo2.appendChild(obj);
}
}
var sel=new Select(data,chg);
var _arr=sel.getDom(9);
for(var i=0;i<_arr.length>demo2.appendChild(_arr[i]);
}
Verwandte Etiketten：
select
Quelle：php.cn
Vorheriger Artikel：用javascript作一个通用向导说明_javascript技巧 Nächster Artikel：JS面向对象编程浅析_javascript技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Tooltip am relativen übergeordneten Element ausrichten Ich habe zwei Tage damit verbracht, das herauszufinden, aber mir wurde klar, dass ich es a...
Aus 2024-04-06 13:16:59
0
2
394
Die Polsterung des Elternteils wird vom klebrig positionierten Kind ignoriert Wie kann verhindert werden, dass klebrige Elemente hinter den Header gelangen? Das aktuell...
Aus 2024-04-06 11:42:51
0
1
338
So aktualisieren Sie die Abhängigkeiten einer React-Komponente in useEffect, ohne eine Endlosschleife zu erstellen Ich habe eine React-Komponente, bei der ich warten muss, bis ein gespeicherter Wert (Mitgl...
Aus 2024-04-05 14:31:46
0
1
1383
Diese htaccess-Umleitung kann nicht implementiert werden Ich habe eine maindomain.com, die eine Website enthält, und einige Seiten hier sollten vor...
Aus 2024-04-04 23:43:51
0
1
1376
MySQL-Operation, um die Maximalsummenfunktion zu erhalten Ich versuche, die maximale Menge auf „max“ zu setzen und erhalte die Fehlermeldung: Fehler...
Aus 2024-04-04 17:49:26
0
1
376
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage