复制代码代码如下:
<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> 333333333333333333 <a href = "javaScript: del (3) ؛"> del </a> </li>
<li id = 4> 444444444444444 <a href = "javaScript: del (4) ؛"> del </a> </li>
<li id = 5> 5555555555555555 <a href = "javaScript: del (5) ؛"> del </a> </li>
</ul>
<حدد name = "car_type" id = "car_type" onChange = "add_car (this) ؛" >
<Stion Value = ""> الرجاء تحديد </Option>
<value Option = "car_11"> 11111 </soph>
<Option Value = "Car_22"> 22222 </tearch>
<value Option = "car_33"> 33333 </tearch>
<Option Value = "Car_44"> 44444 </portion>
</select>
<type type = "text" id = "ul_value" onClick = "getulvalue () ؛" name = "ul_value" value = "">
<script>
وظيفة $$ (id) {
var obj = document.getElementById (id) ؛
إرجاع OBJ ؛
}
وظيفة del (n) {
$$ ('ul'). removechild ($$ (n)) ؛
}
وظيفة إضافة (معرف ، 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) {
// طول childnodes chk ul
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! = "") {
لـ (var i = 0 ؛ i <ul_obj.length ؛ i ++) {
if (ul_obj [i] .id == car_id) {
تنبيه ("已经添加！") ؛
العلم = خطأ ؛
}
}
إذا (العلم) {
إضافة (car_id ، txt) ؛
}
}
}آخر{
تنبيه ("只允许加入三个值!") ؛
يعود؛
}
}
وظيفة getulvalue () {
if ($$ ('ul'). childnodes.length == 0) {
تنبيه ("请选择相关内容!") ؛
يعود؛
}آخر{
var txt = "" ؛
لـ (var i = 0 ؛ i <$$ ('ul'). childnodes.length ؛ i ++) {
txt+= $$ ('ul'). childnodes [i] .id+"،" ؛
}
$$ ("ul_value"). value = txt ؛
}
}
</script>