您如何在引导模式中刷新内容？答案

【问题标题】：How do you go about refreshing content inside a bootstrap modal?您如何在引导模式中刷新内容？
【发布时间】：2020-09-02 12:39:06
【问题描述】：

我有几个随机变量正在从 JavaScript 输入到模式中，它们由数字或字符串组成。

有没有办法让“刷新”按钮重新运行脚本以将新的随机变量拉入模态，而无需关闭模态并重新打开它。

目前正在将其输入到模态中：

    document.getElementById("randomScenario").addEventListener("click", Fullscenario); 
function Fullscenario() {
    document.getElementById("map-1-initialVelocity").innerHTML = window[velocities[randomUrban]].toFixed(2) + " kmh<sup>-1</sup>";
    document.getElementById("map-1-ylPhase").innerHTML = window[ypUrban[randomYpUrban]].toFixed(1) + " s";
    document.getElementById("map-1-rlPhase").innerHTML = window[ipUrban[randomIpUrban]].toFixed(1) + " s"; 
    document.getElementById("map-1-rtRandom").innerHTML = window[driverReaction[randomRt]].toFixed(2) + " s";
    document.getElementById("map-1-tireCondition").innerHTML = tires[tireCondition]; 
    document.getElementById("map-1-weatherCondition").innerHTML = coldClimates[randomTireCold];
    document.getElementById("map-1-carLength").innerHTML = carLength.toFixed(1);  
}

如果我在模态框上有一个刷新按钮，我需要在 HTML 端和 JavaScript 端使用什么语法来刷新这些场景而不打开和关闭模态框？

感谢您的帮助。

【问题讨论】：

将你在函数中的相同代码包装起来并再次执行！
我试过了——也许我做错了。但我似乎无法让它工作。有几件事掠过我的脑海。首先，它是我想用作刷新的模式按钮之一。然后为该点击设置一个事件监听器。 document.getElementById("randomScenario").addEventListener("click", Fullscenario); document.getElementById("refreshScenario").addEventListener("click", FullscenarioX);那我就只有： function fullScenarioX () { function Fullscenario() { xyz } }

标签： javascript bootstrap-modal refresh

【解决方案1】：

模态 HTML 中的某处：

<button onclick="Fullscenario()">Refresh</button>

【讨论】：

我会试一试，但我想我已经尝试过了，但它在模态中不起作用。按钮什么也不做。我会再试一次，看看我是否在某个地方出了问题，但我认为它可能会起作用。
可悲的是，这个选项听起来很简单，但它不起作用:(
请提供更多解释和代码 sn-ps 以解决您的问题。
最后我决定根本不需要刷新模式。我决定使用 innerHTML DOM 修改来更改需要更改的内容。很抱歉造成混乱。
你是对的！您的功能已经在执行此操作。调用函数的次数，每次都会修改 DOM，因为 innerHTML。