× پیست جدید
به وبسایت شخصی امین محمودی خوش آمدید.
آخرین مطالب بلاگ :
بات دیسکورد مخصوص بازی Among Us ارائه سرویس استریم همزمان در چند پلتفرم گرفتن اطلاعات یک صفحه وب با استفاده از PHP بروز مشکلات مختلف در شبکه اینترنت ایران آموزش برقراری ارتباط PHP به SQL Server قطعی سرورهای تلگرام روش پاکسازی لینوکس CentOS از فایلهای اضافی معرفی - راه اندازی سرورهای شخصی Git پس از تحریم ایران دانلود نرم افزار Jetbrains PHPStorm + کرک (اطلاعیه مهم) عدم پشتیبانی و خرید به مدت دو ماه 1396/11/29 
منوی اصلی
پنل اعضا
  مهمان - ۱۳۹۶/۱۱/۱۵ ۱۱:۲۸ - نمایش ها : 2389 -  HTML, XML  -  کلون  -  خام  -  دانلود  -  
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Vue Js</title>

</head>
<body>
<select id="dropdown_main">
</select>
<select id="dropdown_relate">
</select>
</body>
<script src="/js/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        var Arr1 = {id1: 'Op1', id2: 'Op2'};
        var Arr2 = {
            id1: {id1: 'Op1.1', id2: 'Op1.2', id3: 'Op1.3'},
            id2: {id1: 'Op2.1', id2: 'Op2.2'}
        };
        $('select#dropdown_main').html('');
        var iii = 0;
        for (var key in Arr1) {
            $('select#dropdown_main').append('<option value="' + key + '">' + Arr1[key] + '</option>');
            iii++;
            if(Object.keys(Arr1).length == iii)
            {
                select_custom_op();
            }
        }
        function select_custom_op()
        {
            var val = $('select#dropdown_main').val();
            for(var key in Arr2[val]){
                $('select#dropdown_relate').append('<option value="' + key + '">' + Arr2[val][key] + '</option>');
            }
        }
        $(document).on('change', 'select#dropdown_main', function () {
            $('select#dropdown_relate').html('');
            var val = $(this).val();
            for(var key in Arr2[val]){
                $('select#dropdown_relate').append('<option value="' + key + '">' + Arr2[val][key] + '</option>');
            }
        });
    });
</script>
</html>