JavaScript - sessionStorage 如何存储文本区域值？

Question

在我的网络表单上，我使用 sessionStorage HTML5 的功能可以存储表单中的值，然后将它们显示在“谢谢”页面上，作为查询的确认收据。

我已成功存储除 <textarea> 之外的每种输入类型的值。元素。

我已经尝试过:

sessionStorage.setItem("Special", document.getElementsByName("specialInstructions").value);

但这并没有获取在文本区域中输入的数据的值。

这是 <textarea> 的代码不包括<form>标签:

<textarea name="specialInstructions" rows="10" cols="50"></textarea>

这是我用于其他表单元素的代码:

if (!rephonenumber.test(document.bookingsform.phonenumber.value)) {
        document.bookingsform.phonenumber.style.border = "1px solid red";
        document.getElementById("phonenumberwarn").innerHTML = "Invalid phone number.";
        document.bookingsform.phonenumber.title = "Please enter a phone number.";
        document.getElementById("phonenumberwarn").style.display = "block";
        valid = false;
    } else {
        document.bookingsform.phonenumber.style.border = "1px inset #EBE9ED";
        document.bookingsform.phonenumber.style.borderRadius = "2px";
        document.getElementById("phonenumberwarn").style.display = "none";
        sessionStorage.setItem("Phone Number", document.bookingsform.phonenumber.value);
    }

为什么此语法不适用于文本区域？

Answer 1

您必须指定您想要从中获取值的确切元素，因为 document.getElementsByName 返回一个数组:

document.getElementsByName('name')[0]
document.getElementsByName('name')[1]
document.getElementsByName('name')[2]
...

您需要获取某个位置的值，请​​尝试:

document.getElementsByName('name')[0].value;

您可以通过 id 使用:

document.getElementById('name').value