不用form的submit如何传递文本框输入的内容到另一页面？

在这个链接的onclick事件里，取到后面的那个文本框的值，附在链接的href后面挂尾传递

解决方案 »

  1.   

    JS1.html:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <script language="javascript">
    function edit(a){
    alert("111");
    var aa=table1.rows[a].cells[0].innerHTML;
    var b=table1.rows[a].cells[1].innerHTML;
    var c=table1.rows[a].cells[2].innerHTML;
    var d=table1.rows[a].cells[3].innerHTML;
    var e=table1.rows[a].cells[3].innerHTML;
    alert(a);
    var m=window.open("./JS2.html?a="+aa+"&b="+b+"&c="+c+"&d="+d+"&e="+e,"","");
    }
    function func2(){
    alert("???");
    alert(document.getElementsByName("aaa1")[0].value);
    }
    </script>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY >
    <table border=1 id="table1">
        <caption>一(1)班成绩单</caption>
        <tr>
            <th>学号<th>姓名<th>语文<th>数学<th>英语<th>
        </tr>
        <tr>
            <td>01<td>aaa<td>11<td>22<td>33<td><input type=button value="编辑"   name="edit" onClick="edit(1);"/>
        </tr>
        <tr>
            <td>02<td>bbb<td>44<td>55<td>66<td><input type=button value="编辑" name="edit" onClick="edit(2);"/>
        </tr>
        <tr>
            <td>03<td>ccc<td>77<td>88<td>99<td><input type=button value="编辑"   name="edit" onClick="edit(3);"/>
        </tr>
    <input type=hidden name="aaa1">
    <input type=button value="编辑getHidden"   name="edit1" onClick="func2();"/>
    </table>
    </BODY>
    </HTML>JS2.html:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <script language="javascript">
    function func1(){
    alert("111");
    var c=location.search.toString().split('?').pop();
    var d=c.split("&");
    document.getElementsByName("name")[0].value=d[1].split("=")[1];
    document.getElementsByName("China")[0].value=d[2].split("=")[1];
    document.getElementsByName("Maths")[0].value=d[3].split("=")[1];
    document.getElementsByName("English")[0].value=d[4].split("=")[1];
    }
    function func2(){
    var a=document.getElementsByName("name")[0].value;
    alert(a);
    try{
    window.opener.document.getElementsByName("aaa1")[0].value=a;
    alert(window.opener.document.getElementsByName("aaa1")[0].value);
    alert("right");
    }catch(e){
    alert(e.toString());
    alert("ERR");}
    window.opener.location.reload();window.close();
    }
    </script>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY onload="func1()">
    <table border=1 >
    <input type="text" type="hidden" name="serialNo"><br/>
    姓名: <input type="text" name="name"><br/>  
    语文: <input type="text" name="China"><br/>
    数学: <input type="text" name="Maths"><br/>
    英文: <input type="text" name="English"><br/>
    <br/>
    <input type="button" value="Save" onclick="func2()">
    </table>
    </BODY>
    </HTML>
    use URL
      

  2.   

    如何能取到这个文本框的输入值来附在链接的href后面挂尾传递呢？感觉这个方法最简单！
      

  3.   

    我从蓝色经典上请教到一答案，代码如下：
    <script language="javascript">
    function addParam(v){
    var link = document.links[0];
    str = "Noname1.html?param1=1";
    str += "&param2=" + v;
    link.href = str;
    }
    </script>
    请在这里输入您要传递的数据：<input type="text" id="param" onpropertychange="addParam(this.value)"/>
    <a href="Noname1.html?param1=1">传递参数</a>
    这个能把输入的内容作为一个参数传递到其他页面去了。
      

  4.   

    但是它适用于一个参数是固定的情况，这里param1=1，而我需要两个参数一个是与数据表中的记录id绑定，一个表示输入的内容，这种动态的情况又该如何处理呢？