gpt4 book ai didi

javascript - 在从 PHP 数组填充的 JQuery HTML 选择列表上设置 SELECTED 属性

转载 作者:行者123 更新时间:2023-11-28 00:50:46 25 4
gpt4 key购买 nike

<分区>

我正在遍历数组中的项目列表。通过 JQuery 将这些选项输出到 html SELECT .

我想将数组中的当前项与先前选择的变量进行比较并设置 <option>属性为 selected .

但是添加属性失败。

我做错了什么?

//PHP

$myAnimalArray = some filled array();
$s_current_selected = "Zebra";

//一些 HTML 表单

<select class="form-control" id="animals_select" name="animals_select"></select>

JQuery

<script type="text/javascript">

$(document).ready(function () {

let animal_array = <?php echo json_encode($myAnimalArray); ?>;
let animals_select = document.getElementById("animals_select");
let current_selected = "<?php echo $s_current_selected; ?>";


update_animal_options(animal_array);


function update_animal_options(optionsArray) {

$(animals_select).empty(); //remove any prior entries

for (let i = 0; i < optionsArray.length; i++) {
$(animals_select).append('<option value=' + optionsArray[i] + '>' + optionsArray[i] + '</option>');

// HERE IS WHERE MY PROBLEM IS

if (optionsArray[i] == current_selected) {
$(animals_select).attr('selected', 'selected');
}

}
}

});
</script>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com