مثال على نقل القائمة المنسدلة حدد من الحد الأيسر إلى اليمين

عندما يتم استدعاء العبارة التالية عندما لا يتم تحميل الصفحة، لا يمكن الحصول على كائن "إضافة"، والموجه فارغ أو ليس كائنًا.

انسخ رمز الكود كما يلي:

document.getElementById("add").onclick = function(){

تنبيه("مرحبا");

}

الأشياء المتوفرة عند استخدامها

انسخ رمز الكود كما يلي:

نافذة.onload = وظيفة () {

document.getElementById("add").onclick = function(){

تنبيه("مرحبا");

}

}

انسخ رمز الكود كما يلي:

<نوع البرنامج النصي = "نص/جافا سكريبت">

// يتحرك العنصر المحدد من اليسار إلى اليمين

وظيفة الحق () {

var firstElement = document.getElementById("first");

var SecondElement = document.getElementById(" Second ");

var firstoptionElement = firstElement.getElementsByTagName("option");

var len = firstoptionElement.length;

for(var i=0;i<len;i++){

إذا (firstElement.selectedIndex!= -1) {//selectedIndex هي خاصية التحديد

SecondElement.appendChild(firstoptionElement[firstElement.selectedIndex]);

}

}

}

// انقل الكل إلى اليمين

وظيفة بخير () {

var firstElement = document.getElementById("first");

var SecondElement = document.getElementById(" Second ");

var firstoptionElement = firstElement.getElementsByTagName("option");

var len = firstoptionElement.length;

for(var i=0;i<len;i++){

SecondElement.appendChild(firstoptionElement[0]);// عند تحديد خيار الخيار، يكون الفهرس 0

}

}

//انقر نقرًا مزدوجًا للانتقال إلى اليمين

وظيفة ديسيبل () {

/* // الطريقة الأولى

var firstElement = document.getElementById("first");

var SecondElement = document.getElementById(" Second ");

var firstoptionElement = firstElement.getElementsByTagName("option");

var len = firstoptionElement.length;

for(var i=0;i<len;i++){

إذا (firstElement.selectedIndex!= -1) {//selectedIndex هي خاصية التحديد

SecondElement.appendChild(firstoptionElement[firstElement.selectedIndex]);

}

} */

// الطريقة الثانية

var firstElement = document.getElementById("first");

var SecondElement = document.getElementById(" Second ");

SecondElement.appendChild(firstElement[firstElement.selectedIndex]);

}

</script>

<نمط النوع = "نص/CSS">

</نمط>

</الرأس>

<الجسم>

<جدول محاذاة = "يسار">

<تر>

<TD>

<حدد الاسم = "الأول" الحجم = "10" متعدد = "متعدد" معرف = "الأول" ondblclick = "db ()">

<option value="1">الخيار 1</option>

<option value="2">الخيار 2</option>

<option value="3">الخيار 3</option>

<option value="4">الخيار 4</option>

<option value="5">الخيار 5</option>

<option value="6">الخيار 6</option>

</حدد>

</TD>

<td valign="middle">

<input id = "add" name = "add" type = "button" value = "---->" onclick = "toright ()"/>

<input id = "add_all" name = "add_all" type = "button" value = "==>" onclick = "allright ()"/>

</TD>

<td محاذاة = "يسار">

<حدد الاسم = "الثاني" الحجم = "10" متعدد = "متعدد" معرف = "الثاني">

<option value="Option 8">الخيار 8</option>

</حدد>

</TD>

</tr>

</الجدول>

</الجسم>