Javascript-通過Get方法從表單獲取價值

Question

我無法將來自client.html表單輸入中的值打印到server.html中的表。 它必須使用Javascript並通過使用GET方法編寫。

client.html：

<form action="server.html" method="get">
<p>
 Name: 
 <input type="text" id="txtname" name="txtname" />    
</p>
</form>

server.html：

<head>
<script type="text/javascript">

    function getUrlVars() {
        var vars = {};
        var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,
            function (m, key, value) {
                vars[key] = value;
            });
        return vars;
    }
var name= unescape(getUrlVars()[document.getElementById("txtname")]);
document.getElementById("idname").innerHTML=name;
</script>
</head>
<body>
<table>
<tr>
    <td>Name:</td>
    <td id="idname"></td>
</tr>
</table>
<body>

Answer 1

這里有幾件事：

您正在嘗試將#idname的innerHTML設置為hoten.value ，這是未定義的。

getUrlVars()[docuemnt.getElementById("txtname")]也不會驗證。 您可以簡單地使用getUrlVars().txtname來獲取查詢參數。

您還試圖在處理DOM之前設置值-JS無法設置元素的值，因為尚未將其放置在頁面上。

修復錯誤並將JS移動到body標簽的末尾可解決此問題：

<head>
</head>
<body>
<table>
  <tr>
    <td>Name:</td>
    <td id="idname"></td>
  </tr>
</table>
<script type="text/javascript">
  function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,
      function (m, key, value) {
        vars[key] = value;
      });
    return vars;
  }

  var name= unescape(getUrlVars().txtname);
  document.getElementById("idname").innerHTML = name;
</script>
</body>

Javascript-通過Get方法從表單獲取價值

問題描述

1 個解決方案

解決方案1
0 2017-10-21 08:38:36

Javascript-通過Get方法從表單獲取價值

問題描述

1 個解決方案

解決方案1 0 2017-10-21 08:38:36

解決方案1
0 2017-10-21 08:38:36