karakar
2 سال پیش توسط karakar مطرح شد
0 پاسخ

دریافت اطلاعات select بعد از تغییر

سلام.
من یک dropdown و یک input دارم که میخوام وقتی در input عددی وارد میشه، اون عدد option اون دراپ داون رو تغییر بده:

<input id="input" type="text" name="selectChanger">
<select id="select">
  <option value="" selected></option>
  <option value="0">طبقه اول</option>
  <option value="1">طبقه دوم</option>
  <option value="2">طبقه سوم</option>
</select>

حالا میخوام وقتی option تغییر کرد یک پیام بصورت زیر نمایش داده بشه.

document.getElementById('input').addEventListener('input', function (event){
    let de = new Event('change');
    document.getElementById('select').dispatchEvent(de);
    document.getElementById('select').value = document.getElementById('input').value;
})
document.getElementById('select').addEventListener('change', function (event){
    alert(document.getElementById('select').text + ' انتخاب شده است')
})

ولی هر وقت option تغییر میکنه، alert اطلاعات option قبلی رو میگیره و نمایش میده.
مثلا برای بار اول وقتی عدد صفر در اینپوت وارد بشه انتخاب شده است نمایش داده میشه و سری بعد وقتی عدد 1 در اینپوت وارد بشه، طبقه اول انتخاب شده است نمایش داده میشه در صورتیکه باید طبقه دوم انتخاب شده است نمایش داده بشه.


ثبت پرسش جدید

به همدیگه کمک کنیم

به karakar کمک کنید تا مشکل خودش را حل کند؛ این‌طور می‌توانیم با هم پیشرفت کنیم.

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

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