سلکت کردن و کلیک کردن در آپشن سکلت های اچ تی ام ال
سلام خسته نباشید اساتید من ی سوال دارم ک نمیتونم حل کنم ممنون میشم کمکم کنید
بر فرض من ی سلکت دارم ک توش چندین آپشن وجود داره و توشون اسم کشور ها هسن...
و تو بادی هم ی جایی بر فرض عکس کشور هاشون هس
میخوام با کوعری به این آپشن دسترسی داشته باشم تا مثلا زدن روش ک مثلا ایران باشه
پرچم بقیه کشور ها 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>پاسخها
6
مشکل رو متوجه نشدم
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
@elyasbeshkani سلام اقای بشکنی من کاملا این مثالی رو ک فرستادین رو میفهمم ولی نمیتونم آپشن های سلکت رو سلکت کنم تا زدم روشون اتفاقی بیوفته انگار ایون کلیک رو نمیگیره ؟
@ali.bayat سلام مهدس منظورم این ک اگه کد اسکریپت نگاه کنین وقتی رو آپشن ایران میزنم باید پرچم انگیلیس هاید و محو بشه ولی نمیتونم با ایونت کلیک بهش دسترسی داشته باشم راه حلی دارین؟
@salmaniamir13
اینجوری چی؟
$('select').on('change', function (e) {
var optionSelected = $("option:selected", this);
var valueSelected = this.value;
....
});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();
});