Question

我在aspx页面上有一个div，我在其中创建了一个onClick事件。 div的onClick指向：

onclick="'javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$Wizard1$StepNavigationTemplateContainerID$StepNextButton&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))'"

以上链接恰好是页面上的StepNext按钮的onClick。我删除了该按钮的可见性，因此想要允许它，这样当我点击这个div时它会转到下一步。

然而，它不起作用？浏览器什么都不做。有没有办法可以从aspx页面转到下一步？

编辑：这是一些额外的代码：

div（注意：我尝试使用下面代码的确切onClick，但也不起作用）：

            <div id="Box1" class="BoxUploadStyle"  onmouseover="this.style.backgroundImage='url(../IMG/box1_over.gif)';this.style.cursor='hand';this.style.cursor='pointer';" 
                onmouseout="this.style.backgroundImage='url(../IMG/box1.gif)';" 
                onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions('Box1', '', true, '', '', false, false))">  
            <h3><a href="#">Simple Upload</a></h3> 
            Upload upto 10 files each time.
            </div>

以下是按钮Next和Previous的代码（来自View Source - 因为它是向导的一部分）：

</tr><tr>
        <td align="right">
            <input type="submit" name="ctl00$ContentPlaceHolder1$Wizard1$StepNavigationTemplateContainerID$StepPreviousButton" value="Previous" id="ctl00_ContentPlaceHolder1_Wizard1_StepNavigationTemplateContainerID_StepPreviousButton" style="color:#284E98;background-color:White;border-color:#507CD1;border-width:1px;border-style:Solid;font-family:Verdana;font-size:0.8em;" />
            <input type="submit" name="ctl00$ContentPlaceHolder1$Wizard1$StepNavigationTemplateContainerID$StepNextButton" value="Next" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$Wizard1$StepNavigationTemplateContainerID$StepNextButton&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_Wizard1_StepNavigationTemplateContainerID_StepNextButton" style="color:#284E98;background-color:White;border-color:#507CD1;border-width:1px;border-style:Solid;font-family:Verdana;font-size:0.8em;" />
        </td>

Answer 1

我可以看到2个可能导致您的javascript无法运行的问题：

您正在引用您的javascript字符串：您有：

的onclick = “ '的javascript：...'”

应该是：

onclick="javascript:..."

或

onclick='javascript:...'

此外，您不应该使用“javascript中的html实体来表示引用，您应该只使用引号（只需确保使用与用于包围整个javascript行的方法相反）。

尝试将代码行更改为：

onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions('ctl00$ContentPlaceHolder1$Wizard1$StepNavigationTemplateContainerID$StepNextButton', '', true, '', '', false, false))"

Answer 2

向导按钮Next有type="submit"

因此，在WebForm_DoPostBackWithOption之后的javascript代码中，您必须致电document.forms[0].submit();

转到下一步关于asp：向导来自aspx（JS）的div点击

2 个答案: