File size: 1,598 Bytes
3b8f7ec df97a6b 3510bb3 df97a6b 3510bb3 b943931 12679ee 3510bb3 b943931 3510bb3 df97a6b 3510bb3 df97a6b 3b8f7ec |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>选择对话框页面</title>
</head>
<body>
<label for="dialogueSelector">选择对话框：</label>
<select id="dialogueSelector" onchange="loadDialogue()"></select>
<div id="dialogueContainer">
<!-- 这里将显示选定的对话框页面的内容 -->
</div>
<script>
// 文件名的前缀和总数
var prefixes = ['dialogue-4-', 'dialogue-3.5-'];
var totalFiles = 9;
// 获取选择框元素
var selectElement = document.getElementById('dialogueSelector');
// 动态生成选项
for (var j = 0; j < prefixes.length; j++) {
for (var i = 0; i <= totalFiles; i++) {
var option = document.createElement('option');
option.value = prefixes[j] + i + '.html';
option.textContent = prefixes[j] + i;
selectElement.appendChild(option);
}
}
function loadDialogue() {
var selectedValue = selectElement.value;
var dialogueContainer = document.getElementById('dialogueContainer');
// 使用 Fetch API 异步加载选定的对话框页面
fetch(selectedValue)
.then(response => response.text())
.then(data => {
// 将页面内容设置为对话框容器的innerHTML
dialogueContainer.innerHTML = data;
})
.catch(error => console.error('Error loading dialogue:', error));
}
// 页面加载时默认加载第一个对话框页面
loadDialogue();
</script>
</body>
</html>
|