这俩段代码如何整合呢

全部  招聘求职  买卖交易  美食广场  车辆买卖 输入框                              搜索按钮 
这是搜索样式 
举例： 
当点击“全部”时，在文本框，输入搜索词。点击“提交” 
去向是 
http://localhost/aaa/?yy=all&pp=“搜索词” 
如“我搜索的是”长度“,点击提交 
那么实际去向是/localhost/aaa/?yy=all&pp=长度 
当点击“招聘求职”时，在文本框，输入搜索词。点击“提交” 
去向是 
/localhost/aaa/?yy=bbb&pp=搜索词 
当点击“买卖交易”时，在文本框，输入搜索词。点击“提交” 
去向是 
/localhost/aaa/?yy=ccc&pp=搜索词 
当点击“美食广场”时，在文本框，输入搜索词。点击“提交” 
去向是 
/localhost/aaa/?yy=ddd&pp=搜索词 
当点击“车辆买卖”时，在文本框，输入搜索词。点击“提交” 
去向是 
/localhost/aaa/?yy=eee&pp=搜索词 
说白了，all代表“全部”，bbb代表“招聘求职””，ccc代表“买卖交易””，ccc代表“美食广场””，ddd代表“车辆买卖” 
"/localhost/aaa/?yy="这段是固定的，&pp=这段也是固定的，就是栏目代码和搜索词不是，按照这个格式把这两项带进来就可以 
以下代码是功能 <script> 
function myclk(){ 
return  document.getElementById("mytxt").id; 
} 
function abc(){ 
window.location.href="localhost/aaa/?yy="+myclk()+"&pp="+document.getElementById("mytxt").value 
} 
</script> 
<a href="#" id="all">全部 </a> 
<a href="#" id="bbb" onclick="myclk(this)">招聘求职 </a> 
<a href="#" id="ccc" onclick="myclk(this)">买卖交易 </a> 
<a href="#" id="ddd" onclick="myclk(this)">美食广场 </a> 
<a href="#" id="eee" onclick="myclk(this)">车辆买卖 </a> 
<input id="mytxt" type="text" value="输入框"/> 
<input id="submit" type="button" value="搜索按钮" onclick="abc();"> 
以下代码是变色 <style> 
#nav strong{cursorointer;} 
#nav .current{color:red;} 
</style> 
<body> 
<div id="nav"> 
    <strong class="current">全部 </strong> 
    <strong>招聘求职 </strong> 
    <strong>买卖交易 </strong> 
    <strong>美食广场 </strong> 
    <strong>车辆买卖 </strong> </div> 
</body> 
<script> 
(function (id,tag,cls){ 
    var btns=document.getElementById(id).getElementsByTagName(tag); 
    var prev=btns[0]; 
    for(var i=btns.length;i--;btns[i].onclick=com); 
    function com(){ 
        prev.className=''; 
        prev=this; 
        prev.className=cls; 
    }    
})('nav','strong','current') 
</script> 想把这俩段代码整合起来，a href="#"这个不要，该如何写

解决方案 »

  1.   

    repeat HTML(CSS):
    http://topic.csdn.net/u/20100216/08/93b61117-4b0b-42c0-927b-b6f70d4a8d4b.html?56154
      

  2.   

    <style> 
    #nav strong{cursorointer;} 
    #nav .current{color:red;} 
    </style> 
    <body> 
    <div id="nav"> 
        <strong id="all" class="current" onclick="myclk();">全部 </strong> 
        <strong id="bbb" onclick="myclk();">招聘求职 </strong> 
        <strong id="ccc" onclick="myclk();">买卖交易 </strong> 
        <strong id="ddd" onclick="myclk();">美食广场 </strong> 
        <strong id="eee" onclick="myclk();">车辆买卖 </strong> 
    </div> 
    <input id="mytxt" type="text" value="输入框"/> 
    <input id="submit" type="button" value="搜索按钮" onclick="abc();"> 
    </body> 
    <script> 
    function myclk(){ 
    return  document.getElementById("mytxt").id; 
    } 
    function abc(){ 
    window.location.href="localhost/aaa/?yy="+myclk()+"&pp="+document.getElementById("mytxt").value 
    } 
    (function (id,tag,cls){ 
        var btns=document.getElementById(id).getElementsByTagName(tag); 
        var prev=btns[0]; 
        for(var i=btns.length;i--;btns[i].onclick=com); 
        function com(){ 
            prev.className=''; 
            prev=this; 
            prev.className=cls; 
        }    
    })('nav','strong','current') 
    </script>