在提交时显示 div答案

【问题标题】：Show div on Submit在提交时显示 div
【发布时间】：2015-09-21 02:00:35
【问题描述】：

我想使用允许在单击 input type="submit" id="calc" 时显示 div（带有 class="result"）的脚本 strong> 按钮。

代码如下：

Google API 和脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script>
$(document).ready(function(){
    $("#calc").click(function(){
        $("result").show();
    });
});
</script>

输入类型="提交"

<input id="calc" type="submit" name="submit" value="Submit">

class="result"

<div class="result" align="center">
<form>
<textarea readonly="readonly" class="area" rows="6" cols="100" onclick="this.focus();this.select()"><?php
echo "<div style=\"width: 700px; padding: 10px; border: 5px groove #DD670F\"><p align=\"center\">[color=#DD670F][size=14]<strong>";
echo $title;
echo "</strong>[/size][/color]<br><br>";
echo "<img width=\"100%\" src=\"";
echo $img;
echo "\"></p>[color=#DD670F]<b>Titolo:</b>[/color] ";
echo "$title<br>";
echo "$seriesok $series $seriesbr";
echo "[color=#DD670F]<b>Autore:</b>[/color] ";
echo $autor;
echo "<br>[color=#DD670F]<b>Lingua:</b>[/color] ";
echo $language;
echo "<br>[color=#DD670F]<b>Tags:</b>[/color] ";
echo $tags;
echo "<br>[color=#DD670F]<b>Trama:</b>[/color] ";
echo $plot;
echo "<br><br>[color=#DD670F]<b>Image Preview:</b>[/color]<br>";
echo "[SPOILER]";
echo $imgpreview;
echo "[/SPOILER]<br>";
echo "[color=#DD670F]<b>Download Link:</b>[/color] [URL=";
echo $dllink;
echo "]<u>Download</u>[/URL]</div>";
?>
</textarea>
</form>
</div>

关于 CSS

.result {
  display: none;
}

谢谢！

【问题讨论】：

您错过了类选择器的 . 前缀：$(".result").show();

标签： javascript jquery html css

【解决方案1】：

使用下面的代码

$(".result").show();

对类元素使用. 选择器

注意：如果您的按钮输入类型为submit，则页面将被重定向根据表单标签中设置的操作，转到其他页面或同一页面

使用输入类型为button

<input id="calc" type="button" name="submit" value="Submit">

【讨论】：

谢谢，它有效。但是现在 textarea 中的代码没有填充我设置的变量。
那是其他问题.. 与您提出的问题无关.. 您需要检查您的 php 代码

【解决方案2】：

既然你指的是类，你应该在result之前使用.：

$("#calc").click(function(){
     $(".result").show();
});

【讨论】：

【解决方案3】：

$("#calc").on("click", function(e){
  e.preventDefault();
  $(".result").show();
});

【讨论】：

【解决方案4】：

您的问题解决方案是替换此行

$("result").show();

到

$(".result").show();

【讨论】：