在提交

Question

我想使用一个脚本，允许在点击输入类型=＆＃34时显示div（ class =＆＃34;结果＆＃34; ）;提交＆ ＃34; id =＆＃34; calc＆＃34; 按钮。

以下是代码：

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>

输入类型=＆＃34;提交＆＃34;

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

Div with class =＆＃34; result＆＃34;

<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;
}

谢谢！

Answer 1

使用下面的代码

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

对类元素

使用.选择器

  

注意：如果您的按钮输入类型为submit，则页面将重定向   到表格标签

中设置的操作的其他页面或同一页面

将输入类型用作button

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

Answer 2

由于它是您所引用的课程，因此您应在.之前使用result：

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

Answer 3

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

Answer 4

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

$("result").show(); 

到

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