JS による UL ノード LI および関連コンテンツの動的追加と削除の例_JavaScript スキル

• 11111111111111111del


• 22222222222222222del


• 33333333333333333del


• 44444444444444444del


• 55555555555555555del

選択してください
11111
22222
33333
44444




function $$(id){
var obj=document.getElementById(id);
オブジェクトを返します;
}

function del(n) {
$$('ul').removeChild($$(n));
}

function add(id,txt) {
var ul=$$('ul');
var li= document.createElement("li");
var href_a = document.createElement("a");
href_a.href="javascript:del('" id "');";
href_a.innerHTML ="del";
li.innerHTML=txt;
li.id=id;
li.appendChild(href_a);
ul.appendChild(li);
}

function add_car(obj){
//chk ul childNodes length
if($$('ul').childNodes.length<3){
var flag =本当;
var ul_obj=$$('ul').childNodes;
var car_id=obj.options[obj.selectedIndex].value;
var txt=obj.options[obj.selectedIndex].text;
if(car_id!=null&&car_id!=""){

for(var i=0;i
if(ul_obj[i]. id==car_id){
alert("已经追加！");
フラグ=false;
}
}

if(flag){
add(car_id,txt);
}
}

}else{
alert("只允许添加三个值!");
戻る;
}
}

function getulvalue(){
if($$('ul').childNodes.length==0){
alert("请选择相关内容!");
戻る;
}else{
var txt="";
for(var i=0;i<$$('ul').childNodes.length;i ){
txt =$$('ul').childNodes[i].id ",";
}
$$("ul_value").value=txt;
}

}