複製代碼代碼如下：
<ul id =“ ul”>
<li id = 1> 111111111111111 <a href =“ javascript：del（1）;”> del </a> </li>
<li id = 2> 222222222222222 <a href =“ javascript：del（2）;”> del </a> </li>
<li id = 3> 33333333333333333 <a href =“ javascript：del（3）;”> del </a> </li>
<li id = 4> 44444444444444444 <a href =“ javascript：del（4）;”> del </a> </li>
<li id = 5> 555555555555555555 <a href =“ javascript：del（5）;”> del </a> </li>
</ul>
<select name =“ car_type” id =“ car_type” onChange =“ add_car（this）;” >
<option value =“”>請選擇</option>
<option value =“ car_11”> 11111 </option>
<option value =“ car_22”> 22222 </option>
<option value =“ car_33”> 33333 </option>
<option value =“ car_44”> 44444 </option>
</select>
<輸入type =“ text” id =“ ul_value” onclick =“ getulvalue（）;” name =“ ul_value” value =“”>
<script>
功能$$（id）{
var obj = document.getElementById（id）;
返回obj;
}
功能del（n）{
$$（'ul'）。 removechild（$$（n））;
}
函數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）;
}
函數add_car（obj）{
// chk ul childnodes長度
if（$$（'ul'）。childnodes.length <3）{
var flag = true;
var ul_obj = $$（'ul'）。兒童；
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 <ul_obj.length; i ++）{
如果（ul_obj [i] .id == car_id）{
警報（“ 已經添加！”）;
flag = false;
}
}
如果（flag）{
添加（car_id，txt）;
}
}
}別的{
警報（“只允許加入三個值！”）;
返回;
}
}
函數getulvalue（）{
if（$$（'ul'）。childnodes.length == 0）{
警報（“請選擇相關內容！”）;
返回;
}別的{
var txt =“”;
for（var i = 0; i <$$（'ul'）。childnodes.length; i ++）{
txt+= $$（'ul'）。 childnodes [i] .id+“，”;
}
$$（“ ul_value”）。值= txt;
}
}
</script>