一个表单多个按钮问题,我想把百度,GOOGLE等搜索引擎聚合起来方便使用,调用他们的搜索代码可以,但是我想只有一个TEXT文本框,多个SUBMIT按钮,按哪个就用哪个搜。搜了很多办法不行,后来高人给出了个巧办法,像这样:http://www.meigui5.com/zzz.html代码如下:<html>
<body>
<div><input type="text" id="keyword"/>
    <input type="button" onclick="search()" value="search"/>
    <script type="text/javascript">
    function search()
    {
        var keyword = encodeURI(document.getElementById("keyword").value);
        window.open(" http://www.baidu.com/s?ie=utf-8&wd="+keyword,"_blank");
        window.open(" http://www.google.cn/search?q="+keyword,"_blank");
    }
    </script></div></body></html>这种原理跳开了表单,用JAVASCRIT搜索引擎的URL基本实现了功能,但还有些问题:
1:只有一个submit,点一下跳出两个窗口,如何弄成几个,点一下出一个。
2:submit按钮如果用图片,最好是链接实现功能就更好了。
3:弹出窗口没有地址栏等等,我想要正常的IE窗口,不要弹窗。javascript高手们看看,我不太懂这个,好像可以实现,大家跟贴商量下。

解决方案 »

  1.   

            <input   type="button"   onclick="search(1)"   value="search"/>
    <input   type="button"   onclick="search(2)"   value="search"/>
            <script   type="text/javascript">
            function   search(str)
            {
                    var   keyword   =   encodeURI(document.getElementById("keyword").value);
                  <input name="" type="image">if(str==1)   window.open("   http://www.baidu.com/s?ie=utf-8&wd="+keyword,"_blank");
                  if(str==2)  window.open("   http://www.google.cn/search?q="+keyword,"_blank");
            }
            </script>
    这个意思?如果要用图片的话就把按钮元素换成
     <input name="imageField" type="image" src="collapsed.gif" width="10" height="10" border="0" >
    元素即可
      

  2.   

    1楼的高手,我照你的代码写了个全的,但是点击没有反应,我写的不对吗?看看:<html>
    <body>
    <div><input type="text" id="keyword"/>
        <input type="button" onclick="search(1)" value="search"/>
        <input type="button" onclick="search(2)" value="search"/>
        <script type="text/javascript">
        function search(str)
        {
            var keyword = encodeURI(document.getElementById("keyword").value);
            <input name="" type="image">if(str==1)
            window.open(" http://www.baidu.com/s?ie=utf-8&wd="+keyword,"_blank");
            if(str==2)
            window.open(" http://www.google.cn/search?q="+keyword,"_blank");
        }
        </script></div></body></html>点击没反应,原来的代码是可以搜索的
      

  3.   

    呵呵
            <script   type="text/javascript">
            function   search(str)
            {
                    var   keyword   =   encodeURI(document.getElementById("keyword").value);
                    if(str==1)
                    window.open("   http://www.baidu.com/s?ie=utf-8&wd="+keyword,"_blank");
                    if(str==2)
                    window.open("   http://www.google.cn/search?q="+keyword,"_blank");
            }
            </script>多加了<input   name=""   type="image"> 去掉
      

  4.   

    YES,成功了,代码是这样:<html>
    <body>
    <div><input type="text" id="keyword"/>
        <input name="imageField" type="image" src="zzz.gif" width="10" height="10" border="0" onclick="search(1)" value="search"/>
        <input name="imageField" type="image" src="zzz.gif" width="10" height="10" border="0" onclick="search(2)" value="search"/>
        <script type="text/javascript">
        function search(str)
        {
            var keyword = encodeURI(document.getElementById("keyword").value);
            if(str==1)
            window.open(" http://www.baidu.com/s?ie=utf-8&wd="+keyword,"_blank");
            if(str==2)
            window.open(" http://www.google.cn/search?q="+keyword,"_blank");
        }
        </script></div></body></html>用图片按钮成功调用GG,百度,高人啊,问了好多人都不会。还有个疑问,我听有人说这个submit按钮,可以用图片或者链接代替,用图片代替上面已经解决了,用文字链接代替按钮可以吗,我想问下,因为想最小化网页,再精简点网页大小,呵呵。
      

  5.   

    <html>
    <body>
    <div><input   type="text"   id="keyword"  onchange="search1()"/>
           <a href="http://www.baidu.com/"  target="_blank">百度</a>
            <a href="http://www.google.cn" target="_blank">Google</a>
    <script   type="text/javascript">
            function   search1()
            {
                    var   keyword   =   encodeURI(document.getElementById("keyword").value);
    for(i=0;i<document.getElementsByTagName("A").length;i++){
    if(document.getElementsByTagName("A")[i].innerHTML=="百度"){
    document.getElementsByTagName("A")[i].href="http://www.baidu.com/s?ie=utf-8&wd="+keyword;
    }
        if(document.getElementsByTagName("A")[i].innerHTML=="Google"){
    document.getElementsByTagName("A")[i].href="http://www.google.cn/search?q="+keyword;
    }
    }        }
            </script></div> </body> </html> 
      

  6.   

    onclick=‘window.open("http://www.baidu.com/s?ie=utf-8&wd=“+document.getElementById("keyword").value,"_blank")’;
      

  7.   

    我又仔细测试了下代码,很完美,但还有一点细节问题:见链接:http://www.meigui5.com/zzz.html代码在这里:<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>细节有点问题</title>
    </head><body>      <div id=c>
      <input type="text" id="keyword" onchange="search1()" size="55" maxlength="2048" style="height:25px;"/><p>
           <a href="http://www.baidu.com/" target="_self">百度</a>
           <a href="http://www.google.cn/" target="_self">Google</a>
            <script type="text/javascript">
            function search1()
            {
                    var keyword   =   encodeURI(document.getElementById("keyword").value);
                    for(i=0;i<document.getElementsByTagName("A").length;i++){
                    if(document.getElementsByTagName("A")[i].innerHTML=="百度"){
                    document.getElementsByTagName("A")[i].href="http://www.baidu.com/s?ie=utf-8&wd="+keyword;
                    }    
                    if(document.getElementsByTagName("A")[i].innerHTML=="Google"){
                    document.getElementsByTagName("A")[i].href="http://www.google.cn/search?q="+keyword;
                    }
                    }        }
            </script>
          </div>
      
    </center>
    </body>
    </html>基本功能实现了,细节问题是:1:表单搜索后,IE后退重新搜索会失效。例如搜索abc,搜索后按IE后退回到原来页面,再点链接搜索就会失效跳到搜索引擎首页,除非修改搜索关键字,否则不行,自从我把链接的target属性从-blank改为-self就一直是这样,有没有办法解决?2:怎样在输入文本后,回车,第一个超链接响应回车自动搜索,而不用鼠标点击?
    我网上搜索了半天,这儿有几个方法类似,http://www.polsnet.com/home/html/tech208_75870.html
    但代码复杂点,试了半天不行,谁能解决?THANK YOU