复制代码代码如下 :
<ul id = "ul">
<li id = 1> 11111111111111111 <a href = "javaScript : del (1);"> del </a> </li>
<li id = 2> 2222222222222222 <a href = "javaScript : del (2);"> del </a> </li>
<li id = 3> 3333333333333333 <a href = "javaScript : del (3);"> del </a> </li>
<li id = 4> 4444444444444444 <a href = "javaScript : del (4);"> del </a> </li>
<li id = 5> 55555555555555555 <a href = "javaScript : del (5);"> del </a> </li>
</ul>
<select name = "car_type"id = "car_type"onchange = "add_car (this);"; >
<옵션 값 = ""> </옵션>을 선택하십시오
<옵션 값 = "CAR_11"> 11111 </옵션>
<옵션 값 = "CAR_22"> 22222 </옵션>
<옵션 값 = "CAR_33"> 33333 </옵션>
<옵션 값 = "CAR_44"> 44444 </옵션>
</선택>
<입력 유형 = "text"id = "ul_value"onclick = "getUlValue ();" 이름 = "ul_value"value = "">
<cript>
함수 $$ (id) {
var obj = document.getElementById (id);
반환 obj;
}
기능 del (n) {
$$ ( 'ul'). RemoveChild ($$ (n));
}
함수 추가 (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'). 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 <ul_obj.length; i ++) {
if (ul_obj [i] .id == car_id) {
경고 ( "已经添加！");
flag = false;
}
}
if (플래그) {
추가 (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"). value = txt;
}
}
</스크립트>