复制代码代码如下:
<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>
<input 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>