سلکت کردن و کلیک کردن در آپشن سکلت های اچ تی ام ال

5 روز پیش
توسط علی بیات آپدیت شد
امیر سلمانی ( 6530 تجربه )
5 روز پیش
تخصص : طراح و برنامه نویس آماتور سمت وب

سلام خسته نباشید اساتید من ی سوال دارم ک نمیتونم حل کنم ممنون میشم کمکم کنید

بر فرض من ی سلکت دارم ک توش چندین آپشن وجود داره و توشون اسم کشور ها هسن...
و تو بادی هم ی جایی بر فرض عکس کشور هاشون هس
میخوام با کوعری به این آپشن دسترسی داشته باشم تا مثلا زدن روش ک مثلا ایران باشه
پرچم بقیه کشور ها display:none بشه و فقط پرچم ایران بمونه و بلعکس... فک کنم از کد بفهمین میخوام چ کاری کنم ممنون میشم ی راهکاری بدین و کد راه حل رو بفرسین خیلی ممنون....

<div class="iranfrag"></div>
<div class="ukfrag"></div>

<select name="" id="myselect">
    <option class="irann"  value="iran">iran</option>
    <option class="ukk"  value="uk">uk</option>
</select>

<script>
    $('.irann').on('click',function(){
        $('.ukfrag').hide()
    })
</script>
علی بیات ( 265157 تجربه )
5 روز پیش
تخصص : توسعه دهنده ارشد وب

مشکل رو متوجه نشدم

الیاس بشکنی ( 51265 تجربه )
5 روز پیش
تخصص : برنامه نویس موبایل
امیر سلمانی ( 6530 تجربه )
5 روز پیش
تخصص : طراح و برنامه نویس آماتور سمت وب

@elyasbeshkani سلام اقای بشکنی من کاملا این مثالی رو ک فرستادین رو میفهمم ولی نمیتونم آپشن های سلکت رو سلکت کنم تا زدم روشون اتفاقی بیوفته انگار ایون کلیک رو نمیگیره ؟

امیر سلمانی ( 6530 تجربه )
5 روز پیش
تخصص : طراح و برنامه نویس آماتور سمت وب

@ali.bayat سلام مهدس منظورم این ک اگه کد اسکریپت نگاه کنین وقتی رو آپشن ایران میزنم باید پرچم انگیلیس هاید و محو بشه ولی نمیتونم با ایونت کلیک بهش دسترسی داشته باشم راه حلی دارین؟

الیاس بشکنی ( 51265 تجربه )
5 روز پیش
تخصص : برنامه نویس موبایل

@salmaniamir13
اینجوری چی؟

$('select').on('change', function (e) {
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
    ....
});
علی بیات ( 265157 تجربه )
5 روز پیش
تخصص : توسعه دهنده ارشد وب

HTML :

<div id="iran-flag" class="countries"> Iran </div>
<div id="uk-flag" class="countries"> United Kingdom </div>

<select name="" id="myselect">
    <option value="iran">iran</option>
    <option value="uk">uk</option>
</select>

CSS

.countries {
  display:none;
}

JS

$('#myselect').change(function(){   
  $('.countries').hide();
  $('#' + $(this).val() + '-flag').show(); 
});
برای ارسال پاسخ باید وارد سایت شوید