如何在动态下拉列表中选择一个选项

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

要动态选择一个选项，您需要将要选择的选项的选定属性设置为true ，如下所示

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

要获取您要选择的状态索引，可以遍历选项列表并获取所需状态的索引，然后如上所述将其选择的属性设置为true。