亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

通過javascript獲取表單字段數據拋出錯誤(值為null)

通過javascript獲取表單字段數據拋出錯誤(值為null)

長風秋雁 2023-02-17 15:48:16
function myFunc() {  console.log("entered");  document.write('Submitted Data');  var firstname = document.getElementById("fname").value;  var lastname = document.getElementById("lname").value;  document.writeln("Your full name is:" + firstname + lastname);}<form>  <label> Firstname </label>  <input type="text" name="firstname" id="fname" size="15" /> <br> <br>  <label> Lastname</label>  <input type="text" name="lastname" id="lname" size="15" /> <br> <br>  <label>       Gender :      </label><br>  <input type="radio" name="male" /> Male <br>  <input type="radio" name="female" /> Female  <br>  <br>  <input type="button" value="Submit" onclick="myFunc()" /></form>單擊提交后,它不會獲取名字并在控制臺中顯示錯誤值 null。有人可以幫忙嗎?整個代碼保存在一個 HTML 頁面中
查看完整描述

1 回答

?
月關寶盒

TA貢獻1772條經驗 獲得超5個贊

那是因為這條線document.write('Submitted Data');。document.write刪除現有的 html,以便在您使用的下一行中document.getELementById找不到 dom 元素


function myFunc() {

  var firstname = document.getElementById("fname").value;

  var lastname = document.getElementById("lname").value;

  document.writeln("Your full name is:" + firstname + lastname);

}

<body bgcolor="Lightskyblue">

  <br>

  <br>

  <form>


    <label> Firstname </label>

    <input type="text" name="firstname" id="fname" size="15" /> <br> <br>

    <label> Lastname</label>

    <input type="text" name="lastname" id="lname" size="15" /> <br> <br>



    <label>   

    Gender :  

    </label><br>

    <input type="radio" name="male" /> Male <br>

    <input type="radio" name="female" /> Female

    <br>

    <br>



    <input type="button" value="Submit" onclick="myFunc()" />

  </form>

</body>


查看完整回答
反對 回復 2023-02-17
  • 1 回答
  • 0 關注
  • 175 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號