gpt4 book ai didi

javascript - 使用 Javascript 中的选项创建动态选择

转载 作者:行者123 更新时间:2023-12-05 06:53:20 24 4
gpt4 key购买 nike

您好,我尝试使用他们的选项创建动态 Javascript 选择,但它不起作用 :(。我已经用我的 json-Array 尝试过,但在控制台中出现以下错误:“未捕获的 ReferenceError:$ 未定义在 test.js:4"我的 js:

let data=[{"short":"vw","full":"volkswagen"},
{"short":"mrcs","full":"mercedes"}];

$(document).ready(function(){
generateOptions(data);
});

function generateOptions(data){
var selectList = document.getElementById('mySelect');

//Create and append the options
for (var i = 0; i < data.length; i++) {
var option = document.createElement("option");
option.value = data[i].short;
option.text = data[i].full + " ("+data[i].short+")";
selectList.appendChild(option);
}
}

我的 html:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="test.js"></script>
<link rel="stylesheet" href="test.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<select id="mySelect">

</select>
</body>
</html>

最佳答案

您正在通过 jQuery 选择文档。但是您没有将 jQuery 链接到您的头脑。

关于javascript - 使用 Javascript 中的选项创建动态选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65788798/

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