使用js脚本,当点击一个超链接的时候将这个超链接的链接和参数拿出来做成一个表单再提交怎么做?

例如有个超链接<a href="/day9/index.jsp?username=xxx">超链接</a>,使用javascript实现单击这个超链接的时候动态产生一个表单,把缀在后面的参数做成表单的隐藏字段,然后由这个表单提交到/day9/index.jsp,应该怎么样实现.主要像知道生成表单的javascript代码是什么样的!

解决方案 »

  1.   

    <html>
    <body>
    <a href="javascript:void(0)" value="/day9/index.jsp?username=xxx" onclick="postReq(this)">超链接</a>
    <script language="javaScript">
    function postReq(obj){
      var form = document.createElement('form');
      var val = obj.value;
      var param = val.substring(val.indexOf("=")+1);
      var hiddenCom = document.createElement('input');
      hiddenCom.name = 'username'; //将来通过form表单后台获取其value
      hiddenCom.value = param;
      hiddenCom.type = "hidden"
      form.action = "www.baidu.com";
      form.method = "post";
      form.appendChild(hiddenCom);
      document.body.appendChild(form);
    }
    </script></body>
    </html>
      

  2.   

    <a href="/day9/index.jsp?username=xxx" onclick="return func(this)">超链接</a>
    <script type="text/javascript">function func(o)
    {
        var url = o.href;
        var action = url.split("?")[0];
        var params = url.split("?")[1].split("&");
        var oForm = document.createElement("form");
        oForm.method="post"
        oForm.action = action;
        for(var i = 0 ; i < params.length ; i ++)
        {
            var hidden = document.createElement("input");
            hidden.type="hidden";
            hidden.name = params[i].split("=")[0];
            hidden.value = params[i].split("=")[1];
            oForm.appendChild(hidden);
        }
        document.body.appendChild(oForm)
        oForm.submit();
        return false;
    }</script>