有一個情況今天遇到了:通過后台傳過來的一組下拉框的option值,需要默認選中其中某一項。
html 部分是這樣的:
<select class="form-control" name="level_id" id="car_level"> <?php foreach ($list as $k => $v): ?> <option value="<?php echo $v['id']; ?>" ><?php echo $v['name']; ?></option> <?php endforeach; ?> </select>
option組的數據獲取是通過js :
var list = <?php echo $list; ?>;
然后,在加載完document,通過js來修改 select 下拉框的option 默認選中值:
var levelId = <?php echo $detail['level_id']; ?>; //獲取levelId 也就是之后需要設置的選中項
if(!isNaN(levelId) && levelId >=0 ){ //檢測是不是數字且值為非負 document.getElementById('car_level').value=levelId; //賦值。 }