JS動態增加刪除UL節點LI及相關內容範例_javascript技巧

複製程式碼以下程式碼：

11111111111111111del

• 2222222222222222del


• 33333333333333333del


• 44444444444444444del


• 55555555555555555del

請選擇選項>
11111選項>
22222選項>
33333選項>
44444選項>
選擇>



函數$$(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.lengthvar 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("已經新增！ ");
標誌=假;
}
}

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

}else{
alert("只允許加入三個值!");
回傳；
}
}

function getulvalue(){
if ($$('ul').childNodes.length==0){
alert("請選擇相關內容！」）；
返回；
}其他{
var txt="" ;
for(var i=0;itxt =$$('ul').childNodes[i].id "," ;
}
$$("ul_value").value=txt;
}

}