复制代码代码如下:
<ul id = "ul">
<li id = 1> 111111111111111111 <a href = "javascript: del (1);"> del </a> </li>
<li id = 2> 22222222222222222 <a href = "javascript: del (2);"> del </a> </li>
<li id = 3> 333333333333333333 <a href = "javascript: del (3);"> del </a> </li>
<li id = 4> 44444444444444444 <a href = "javascript: del (4);"> del </a> </li>
<Li ID = 5> 55555555555555555 <a href = "javascript: del (5);"> del </a> </li>
</ul>
<Pilih name = "car_type" id = "car_type" onchange = "add_car (ini);" >
<Option value = ""> Pilih </pect>
<Option value = "car_11"> 11111 </pection>
<Option value = "car_22"> 22222 </pection>
<Option value = "car_33"> 33333 </pection>
<Option value = "car_44"> 44444 </ption>
</pilih>
<input type = "text" id = "ul_value" onclick = "getulvalue ();" name = "ul_value" value = "">
<script>
fungsi $$ (id) {
var obj = document.geteLementById (id);
kembalikan obj;
}
fungsi del (n) {
$$ ('ul'). Removechild ($$ (n));
}
fungsi 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);
}
fungsi add_car (obj) {
// CHK UL MEMBENI PANJANG
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! = "") {
untuk (var i = 0; i <ul_obj.length; i ++) {
if (ul_obj [i] .id == car_id) {
peringatan ("已经添加！");
bendera = false;
}
}
if (flag) {
tambahkan (car_id, txt);
}
}
}kalau tidak{
peringatan ("只允许加入三个值!");
kembali;
}
}
fungsi getulvalue () {
if ($$ ('ul'). childnodes.length == 0) {
peringatan ("请选择相关内容!");
kembali;
}kalau tidak{
var txt = "";
untuk (var i = 0; i <$$ ('ul'). childnodes.length; i ++) {
txt+= $$ ('ul'). Childnodes [i] .id+",";
}
$$ ("ul_value"). value = txt;
}
}
</script>