复制代码代码如下:
<ul id = "ul">
<li id = 1> 11111111111111111 <a href = "JavaScript: del (1);"> del </a> </li>
<li id = 2> 22222222222222222 <a href = "JavaScript: del (2);"> del </a> </li>
<li id = 3> 3333333333333333333 <a href = "JavaScript: del (3);"> del </a> </li>
<li id = 4> 4444444444444444444 <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 (นี่);" -
<ตัวเลือกค่า = ""> โปรดเลือก </potion>
<ตัวเลือกค่า = "car_11"> 11111 </potion>
<ตัวเลือกค่า = "Car_22"> 22222 </potion>
<ตัวเลือกค่า = "car_33"> 33333 </potion>
<ตัวเลือกค่า = "Car_44"> 44444 </potion>
</เลือก>
<อินพุต type = "text" id = "ul_value" onclick = "getUlValue ();" name = "ul_value" value = "">
<script>
ฟังก์ชั่น $$ (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') เด็ก;
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>