Question

当用户提交我的表单时，我希望他们看到隐藏的div中包含的加载消息。这是我的表单定义：

Engine._bodiesClearForces(this.world.bodies)

这是我的div代码

mainPanel(
  fluidRow(
    h5("Selected numbers:")),
    textOutput('num')         #Add 'num' output to your UI 

)

server <- function(input, output, session) {    #Add session variable, which is necessary to updateSelectInput
          observeEvent(input$First_fives,{
          updateSelectInput(session, inputId = "city", choices = vec[1:5])
 })

          observeEvent(input$Last_fives,{
          updateSelectInput(session, inputId = "city", choices = vec[6:10])
 })

          data <- reactiveValues()
          observeEvent(input$ok,{
                       data$selected <- input$city
 })

          output$num <- renderText({data$selected})
}

当用户单击按钮时，我可以看到第一个<form id="billingform" onsubmit="console.log('cool bean 0');alert('Form submitted!');document.getElementById['processingOveraly'].style.display = 'block'; console.log('cool bean');" class="form-horizontal" action="" method="post" novalidate="novalidate">语句和<div id="processingOveraly" style="text-align:center;display:none;"> <div class="loader">We are processing your order. This may take a few moments...</div> </div>语句执行。第二条console.log语句不执行。这告诉我这条线有断路。

alert

我在控制台中看不到任何错误。可能是什么问题？

Answer 1

您需要使用括号（(和)）代替[中的括号（]和document.getElementById）。

您做到了：

document.getElementById['processingOveraly'].style.display = 'block';

应该在什么时候出现：

document.getElementById('processingOveraly').style.display = 'block';

这是因为documentGetElementById是功能，而不是 object 。函数通过括号获取参数，而对象使用方括号返回对象的子代。

div未显示在表单提交中

1 个答案: