首页3. 编码题：有一个城市列表下拉框，选中某个城市时，在后面以<h1>标题显示出来“你所在的城市是：***”。特殊要求：将JS代码写在head标签内。（考点：load事件、change事件，属性操作，文本操作）

3. 编码题：有一个城市列表下拉框，选中某个城市时，在后面以<h1>标题显示出来“你所在的城市是：***”。特殊要求：将JS代码写在head标签内。（考点：load事件、change事件，属性操作，文本操作）

时间: 2023-05-15 21:05:04 浏览: 92

可以使用以下代码实现： <head> <script> window.onload = function() { var citySelect = document.getElementById("citySelect"); citySelect.onchange = function() { var selectedCity = citySelect.value; var title = document.createElement("h1"); title.innerText = "你所在的城市是：" + selectedCity; document.body.appendChild(title); } } </script> </head> <body> <select id="citySelect"> <option value="北京">北京</option> <option value="上海">上海</option> <option value="广州">广州</option> <option value="深圳">深圳</option> </select> </body> 当页面加载完成后，JS代码会绑定一个change事件到城市列表下拉框上。当用户选择一个城市时，JS代码会创建一个h1标签，并将选中的城市名称作为文本内容赋值给h1标签，最后将h1标签添加到页面中。

阅读全文