Question

当我使用Java脚本单击页面左侧列表中的替代项时，如何在下拉列表中自动更改替代项？

Answer 1

此部分用于从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();

}）;

单击JavaScript中的列表时更改下拉列表的方法

1 个答案: