javascript - 在 JavaScript 中单击列表时更改下拉列表的方法
问题描述
当我使用 Java 脚本单击页面左侧列表中的替代项时,如何自动更改下拉列表中的替代项?
解决方案
这部分用于从 Web 服务读取数据并在屏幕中显示它们,并在下拉列表中显示替代方案。问题是,当我单击主菜单时,下拉菜单中与页面左侧的选项相同的选项不会自动更改。这是左侧的代码。
“使用严格”;
var baseURL = " http://api.arbetsformedlingen.se/af/v0 ";
document.addEventListener("DOMContentLoaded", function(){ var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == XMLHttpRequest.DONE ) {
if (xmlhttp.status == 200) {
var jsonData = JSON.parse( xmlhttp.responseText );
document.getElementById("searchlan").innerHTML = "";
document.getElementById("searchlan").innerHTML = "<option seleted disabled>Hela Sverige</option>";
for(var i=0; i < jsonData.soklista.sokdata.length; i++){
document.getElementById("mainnavlist").innerHTML += "<li id='"+jsonData.soklista.sokdata[i].id+"'>"+jsonData.soklista.sokdata[i].namn+" (" + jsonData.soklista.sokdata[i].antal_ledigajobb + ")</li>";
document.getElementById("searchlan").innerHTML += "<option value='"+jsonData.soklista.sokdata[i].id+"'>"+jsonData.soklista.sokdata[i].namn+"</option>";
}
}
else if (xmlhttp.status == 400) {
alert('There was an error 400');
}
else {
alert('something else other than 200 was returned');
}
}
};
xmlhttp.open("GET", baseURL+"/platsannonser/soklista/lan", true);
xmlhttp.send();
});
推荐阅读
- c# - 小于或等于 `int.MaxValue` 的最大“浮点数”
- c++ - WinAPI - 获取可滚动的绘图框架
- swift - 如何使用 ARKit 和人脸检测将 3D 模型放置在人脸的正确位置?
- java - 如何为 Kafka KeyValueStore 设置值反序列化器?
- c++ - 模板 lambda 与带有模板运算符()的仿函数
- php - 使用 PHP 从 SQL 中打印 HTML 和 PHP 代码
- php - 如果列超出页面,如何将由数据库数据生成的一个html表分隔在其下方?
- python-3.x - 将 24 位音频转换为 16 位音频的最佳库或方法是什么?
- assembly - 我如何将这种加密变成解密?
- java - 使用 Builder 来构建封装对象