Как вы обновляете содержимое внутри модального загрузчика?

#javascript #bootstrap-modal #refresh

#javascript #bootstrap-modal #обновить

Вопрос:

У меня есть несколько случайных переменных, которые вводятся в модальный модуль из 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 для обновления этих сценариев без открытия и закрытия модального?

Большое спасибо за вашу помощь.

1. Оберните тот же код, который у вас есть, в функцию и выполните его снова!

2. Я пробовал это — возможно, я сделал это неправильно. Но, похоже, я не смог заставить его работать. Мне пришло в голову несколько вещей. Во-первых, это одна из модальных кнопок, которую я хочу использовать в качестве обновления. <тип кнопки =»button» id =»refreshScenario» class =»btn btn-опасность»> Обновить</button>, А затем иметь прослушиватель событий для этого нажатия. document.getElementById(«randomScenario»).addEventListener(«click», Fullscenario); document.getElementById(«refreshScenario»).addEventListener(«click», FullscenarioX); Тогда у меня было бы просто: функция fullScenarioX () { функция Fullscenario() { xyz } }

Ответ №1:

где-то внутри модального HTML:

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

1. Я попробую, но я думаю, что я уже пробовал это, и это не сработало из модального. Кнопка ничего не делает. Я попробую еще раз и посмотрю, не ошибся ли я где-нибудь, но я думал, что это может сработать именно так.

2. К сожалению, как бы просто ни звучал этот вариант, он просто не работает 🙁

3. Пожалуйста, дайте больше объяснений и фрагментов кода, чтобы решить вашу проблему.

4. В конце концов я решил, что мне вообще не нужно обновлять модальный. Я решил использовать модификации innerHTML DOM, чтобы изменить то, что необходимо изменить. Извините за путаницу.

5. вы правы! ваша функция уже делает это. Сколько бы раз вы ни вызывали свою функцию, DOM будет изменяться каждый раз из-за innerHTML.