اضافه کردن option جدید به selectize

[farnoosh66]

سلام دوستان
من دوتا option select داشتم که اولی اسامی کشورها ، و دومی اسامی شهر ها رو نشان میدهد ، select اولی هر کشوری انتخاب شود با استفاده از فایل ir-city-select.js مقادیر شهرهای select دوم پر میشود.
حالا مشکلم اینجا هست که برای اینکه بتونم سرچ توی select انجام بدم ، از selectize به شکل زیر استفاده کردم ، ولی اتفاقی که می افته اینه که دیگه شهرهای select دوم پر نمیشه، متوجه نمیشم تداخل کجاست

<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />



  <select name="country" id="country"

                    onChange="citylist_shobe(this.value,noe_bank)" ;

                <option selected disabled></option>

                <option value="england">england</option>

                <option value="usa">usa</option>

                <option value="check">iran</option>

 </select>

  <select  class="select_option_search" name="city_shobe" id="city_shobe" style="font-size: 14px" >



            </select>

  <script>

           

            $(document).ready(function () {

                $('#city_shobe').selectize({

                    sortField: 'text'



                });

            });

            </script>

code ir-city-select.js is:

  function citylist_shobe(state, noe_bank) {

    

     

    

        if (noe_bank== 'سپه') {

    

    

            with (document.getElementById('city_shobe')) {

                options.length = 0;

    

                if (state == 0) {

                    options[0] = new Option('tehran', '0');

                    options[1] = new Option('karaj', '0');

                    options[2] = new Option('tabriz', '0');

                }

[plague]

توی console مرورگر نگاه کن ببین اررور داری یا نه
اگه ارروری نیست حتما رویداد onchange انجام نمیشه میتونی آلرتی چیزی بزاری توی onchange که مطمئن بشی انجام میشه یا نه
من با اینی که شما استفاده کردی تا حالا کار نکردم ولی select2 استفاده کردم رویداد رو خراب نمیکرد میتونی شما هم از select2 استفاده کنی ببینی

[farnoosh66]

سلام ، اتفاقا onchange با alert چک کردم اجرا میشه ولی نمیدونم چه مشکی هست اجرا نمیشه ، کنسول هم هیچ چیزی نشون نمیده
select2 رو نمیدونستم ، ممنون بابت معرفیش ، استفاده کردم بدون مشکل کار کرد
توی stylesh وقتی که dropdownاش باز میشه چطوزی میشه widthشو زیاد کرد ؟ اگر میدونین بگین ممنون میشم (اگر متوجه سوالم نشدین عکس ضمیمه رو لطفا ببینید)

در کل هم تشکر ، کارم راه افتاد

barnamenevis.jpg

[plague]

نمیدونم اون رو من ندارم دم دستم تا بررسی کنم , تو inspect element ور برو باهاش تا ببینی چی رو باید عرض بدی