امیر سلمانی
5 سال پیش توسط امیر سلمانی مطرح شد
6 پاسخ

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

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

بر فرض من ی سلکت دارم ک توش چندین آپشن وجود داره و توشون اسم کشور ها هسن...
و تو بادی هم ی جایی بر فرض عکس کشور هاشون هس
میخوام با کوعری به این آپشن دسترسی داشته باشم تا مثلا زدن روش ک مثلا ایران باشه
پرچم بقیه کشور ها 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>

ثبت پرسش جدید
علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
1

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


الیاس سخاوتی نیا
تخصص : علاقه‌مند به برنامه‌‎نویسی
@elyassir 5 سال پیش مطرح شد
امیر سلمانی
تخصص : backend developer
@salmaniamir13 5 سال پیش مطرح شد
0

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


امیر سلمانی
تخصص : backend developer
@salmaniamir13 5 سال پیش مطرح شد
0

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


الیاس سخاوتی نیا
تخصص : علاقه‌مند به برنامه‌‎نویسی
@elyassir 5 سال پیش مطرح شد
0

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

$('select').on('change', function (e) {
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
    ....
});

علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

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(); 
});

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام