gpt4 book ai didi

javascript - 表单提交仅运行 Javascript 函数一秒钟

转载 作者:行者123 更新时间:2023-12-02 19:32:13 25 4
gpt4 key购买 nike

我这里有两个表单,第一个是选择下拉选择,发布时会生成另一个表单,根据所选数字创建金额输入框。然后,第二种形式将输入框中的数据放入 2 个数组中。所有这些工作都很完美,但我试图向第二个表单上的提交按钮添加额外的功能。我创建了一个函数“showcontet()”来显示和隐藏 id 为“table”的 div 中的内容。当在表单外部的按钮上使用时,效果非常好。当用于表单内的提交按钮时,您可以看到内容大约 1 秒,然后再次消失。

    <head>
<script type="text/javascript">
showcontent = function(){
var content = document.getElementById('tabl');
content.style.display = 'inline';
}

</script>
<?php
$userkey = array();
$userval = array();
$usernum = $_POST['usernum'];
$total = 0;
?>


<form action='MYPIE.PHP' method='POST'>
HOW MANY SECTIONS?
<select name="usernum" value="<?php echo $usernum;?>">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
</select>
<input type="submit" name="submitnum" value="submit selection" />
</form>


<form action='MYPIE.PHP' method='POST'>
<?php
for ($i=1; $i<$usernum+1; $i++){
echo '<input type="hidden" value="' .$usernum.'" name="usernum" />';
echo "<br>insert key: <input name='key".$i."' value='".$userkey[$i]."'> insert value: <input name='val".$i."' >";

$userkey[$i] = $_POST["key".$i];
$userval[$i] = $_POST["val".$i];
}

?>
</br>
<input type="submit" value="submit" name="submit keys" onclick="showcontent()" />
</form>

</table>


<div id="tabl" style="display:none;">
content
</div>

对错误的缩进表示歉意,我对此很陌生,感谢您的帮助

最佳答案

您需要从事件处理程序中返回 false 以阻止浏览器提交表单并加载页面。

关于javascript - 表单提交仅运行 Javascript 函数一秒钟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11362166/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com