菜鸟学堂在线工具

源代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="/try/showrazor.css" />
</head>
<body>

@{ 
var imagePath=&quot;&quot;; 
if( Request[&quot;Choice&quot;] != null) 
&nbsp;&nbsp; {imagePath=&quot;images/&quot; + Request[&quot;Choice&quot;];} 
} 
&lt;!DOCTYPE html&gt; 
&lt;html&gt; 
&lt;body&gt; 
&lt;h1&gt;Display Images&lt;/h1&gt; 
&lt;form method=&quot;post&quot; action=&quot;&quot;&gt; 
I want to see: 
&lt;select name=&quot;Choice&quot;&gt; 
&nbsp;&nbsp;
&lt;option value=&quot;Pic1.jpg&quot;&gt;Photo 1&lt;/option&gt; 
&nbsp;&nbsp;
&lt;option value=&quot;Pic2.jpg&quot;&gt;Photo 2&lt;/option&gt; 
&nbsp;&nbsp;
&lt;option value=&quot;Pic3.jpg&quot;&gt;Photo 3&lt;/option&gt; 
&lt;/select&gt; 
&lt;input type=&quot;submit&quot; value=&quot;Submit&quot;&gt; 

@if(imagePath != &quot;&quot;) 
{ &lt;p&gt; &lt;img src=&quot;@imagePath&quot; alt=&quot;Sample&quot;&gt; &lt;/p&gt; }&nbsp; 
&lt;/form&gt; 
&lt;/body&gt; 
&lt;/html&gt;
</body>
</html>

运行结果 在线运行