html下拉列表自动打印所有按钮

时间:2018-06-13 19:49:08

标签: javascript html drop-down-menu printing

我有一个带有下拉列表的html / javascript页面。当用户单击其中一个下拉列表项时,地图会更改,并显示有关用户选择的详细信息。目前,用户可以在选择后右键单击进行打印。如何创建一个“打印全部”按钮,该按钮将遍历整个列表并打印每个选项的结果?

<script>
function rander() {
    var tempDate = roughs
    //tempDate.length counts the number of routes in "roughs"
    for (var i = 0; i < tempDate.length; i++) {
        if (tempDate[i].RouteID in data) {
            data[tempDate[i].RouteID].push(tempDate[i])
        } else {
            data[tempDate[i].RouteID] = []
            data[tempDate[i].RouteID].push(tempDate[i])
        }
    }


 //      var element = '<select id="mySelectRoute" onchange="GetMap()">'
    var element = '<select id="mySelectRoute" style="font-size:40px;" onchange="GetMap()">'
    for (var i = 0; i < Object.keys(data).length; i++) {
        element = element + '<option value="' + i + '">' + data[Object.keys(data)[i]][0].RouteID + ''
    }
    element = element + '</select>'
    document.getElementById("selectID").innerHTML = element
    loadMap()
}
rander()

                    

0 个答案:

没有答案