Как сделать параметр выбранным в динамическом раскрывающемся списке

Question

У меня есть динамический выпадающий список состояний.Когда я выбираю опцию, она перезагружает другую страницу, где я показываю район, принадлежащий этому состоянию.Теперь я хочу сделать здесь, после перезагрузки страницы района, я хочу, чтобы выбранное состояние отображалось там в выпадающем списке.Я не могу этого сделать, потому что он динамический

Код страницы округа.

<option value=""><?php echo $state; ?></option>
                        <?php
                        if(!empty($stateNew)){
                            foreach($stateNew as $row){ 
                                echo '<option value='.$row['id'].'>'.$row['state_name'].'</option>';
                            }
                        }else{
                            echo '<option value="">District not available</option>';
                        }
                        ?>  
                        </select>

                        <select id="state" class="bankSelect" name="state">
                        <option value="">Select District</option>
                        <?php
                        if(!empty($district)){
                            foreach($district as $row){ 
                                echo '<option value='.$row['id'].'>'.$row['district_name'].'</option>';
                            }
                        }else{
                            echo '<option value="">District not available</option>';
                        }
                        ?>                                  
                        </select>

                        <select id="city" class="bankSelect">
                                <option value="">Select district first</option>                                 
                        </select>

Код страницы состояния:

 <option value="">Select State</option>
                        <?php
                        if(!empty($state)){
                            foreach($state as $row){ 
                                echo '<option value='.$row['id'].'>'.$row['state_name'].'</option>';
                            }
                        }else{
                            echo '<option value="">State not available</option>';
                        }
                        ?>
                        </select>

                        <select id="state" class="bankSelect">
                                <option value="">Select state first</option>                                    
                        </select>

                        <select id="city" class="bankSelect">
                                <option value="">Select District first</option>                                 
                        </select>

Все значения, которые я получаю избазы данных.

Answer 1

Чтобы выбрать параметр динамически, вам нужно установить selected attritbute в true опции, которую вы хотите выбрать, как показано ниже

var state = document.getElementById("state");
state.options[STATE_INDEX].selected = true;

Чтобы получитьИндекс состояния, который вы хотите выбрать, вы можете просмотреть список параметров и получить индекс требуемого состояния, а затем установить его выбранный атрибут в значение true, как указано выше