dynamic dropdown list

مطالب آموزشي

متفرقه

HTML تاريخچه
HTML تگهاي
رنگهاي استاندارد
ASCII جدول کد
فارسي نويسي
سايتهاي جستجو
نکاتي درباره گوگل

توضيح : يک ليست dropdown متغير. با انتخاب يک گزينه از يک ليست، گزينه های ليست بعدی تغيير می کند.

//**************************************
// Name: Dynamic pulldown menu
// Description:When you choose an item from the first menu, it appears related items in the seconds.
// By: Alberto Sartori
//
//
// Inputs:You can customize the menu items as you want.
//
// Returns:None
//
//Assumes:None
//
//Side Effects:None
//This code is copyrighted and has limited warranties.
//Please see http://www.Planet-Source-Code.com/xq/ASP/txtCodeId.2523/lngWId.2/qx/vb/scripts/ShowCode.htm
//for details.
//**************************************

<HTML>
<HEAD>
<TITLE></TITLE>
<script language = "JavaScript">
<!--
var names = new Array("Mark","Sarah","Carl","James");
var fruit = new Array("Banana","Strawberry","Apple");
var colors = new Array("Red", "White", "Green", "Brown");
function swapOptions(the_array_name)


    {
    var numbers_select = window.document.myform.examples;
    var the_array = eval(the_array_name);
    setOptionText(window.document.myform.examples,the_array);
}
function setOptionText(the_select, the_array)


    {
    		the_select.length=the_array.length;
    for (c=0; c < the_array.length; c++)


        {
        the_select.options[c].text = the_array[c];
    }
}
//-->
</script>
</HEAD>
<form name="myform">
<select size="1" name="category" onChange="swapOptions(window.document.myform.category.options[selectedIndex].text);">
<option>names
<option>fruit
<option>colors
</select>
<select size="1" name="examples">
<option>-------
</select>
</form>
</body>
</html>

پيوند به سايت
لينکهای مفيد
مطالب کوتاه
کدهای جاوااسکريپت
آزمون اچ تی ام ال