我有一个动态的状态下拉列表。当我选择一个选项时,它正在重新加载另一个页面,在这里我显示属于该州的地区。现在,我想在重新加载地区页面后在这里执行操作,我希望在下拉菜单中显示所选状态。我无法做到这一点,因为它是动态的
区域页面代码。
<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>
我从数据库中获取的所有值。
答案 0 :(得分:0)
要动态选择一个选项,您需要将要选择的选项的 selected 属性设置为 true ,如下所示
var state = document.getElementById("state");
state.options[STATE_INDEX].selected = true;
要获取要选择的状态索引,可以遍历选项列表并获取所需状态的索引,然后如上所述将其选择的属性设置为true