这个动态搜索该如何写呢

首页一个搜索框，一个搜索按钮
下面一个css.navboxcont_77E711 { width: 80px; height:80px}
搜索框，输入代码如00001，点击“搜索”
那么<div class="navboxcont_77E711"><img src="images/00001.jpg" /></div>如输入02023，单击“搜索”
那么<div class="navboxcont_77E711"><img src="images/02023.jpg" /></div>
等等
也就是搜索框输入的是什么代码，点击“搜索”后它就显示images文件夹里以这个代码为名称的图片，格式都是jpg的
打开页面吗默认显示为00001
这个该怎么写呢

解决方案 »

  1.   

    dim str
    str = request("keyword")'获得搜索框的值
    if str ="" then
    response.write "<div class=""navboxcont_77E711""><img src=""images/00001.jpg"" /></div>
    "
    else
    response.write "<div class=""navboxcont_77E711""><img src=""images/"&str&".jpg"" /></div>
    "
    end if
      

  2.   

    <script>
    function getJpg(){
        var txt=document.getElementById("txt1").value
        var img=document.getElementById("img1")
        if(txt=="")return;
        img.setAttribute("src","images/"+txt+".jpg");
    }
    </script>
    <input type=text id=txt1><input type=button value=select onclick="getJpg();">
    <div class="navboxcont_77E711"><img id=img1 src="images/00001.jpg" /></div>
      

  3.   

    这样的?
    <!DOCTYPE html >
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css">
    .navboxcont_77E711 { width: 80px; height:80px}
    </style>
    <script type="text/javascript">
    function Search(){
    document.getElementById("img1").src = "images/" + document.getElementById("txt").value + ".jpg";
    }
    </script>
    </head><body>
    <input type="text" id="txt" /><input type="button" value="搜索" onclick="Search()" />
    <div class="navboxcont_77E711"><img src="images/00001.jpg" id="img1" /></div><div></div>
    </body>
    </html>