问题描述
我试图在单独的 javascript 文件中获取表单上特定文本区域的值。
我已经尝试过此 stackoverflow 链接中指定的代码：
但是我仍然获得了 null 作为输出。
我的代码如下：
<td>
<textarea name="key_input" rows="4" cols="50">
testData
</textarea>
</td>
在我的 js 中：
var key_Data = document.getElementById("key_input").value;
这是我尝试获取key_input数据的另一种方式，但我仍然没有成功。
任何帮助将不胜感激 提前致谢。
1楼
Melissa Skywalkz
2
已采纳
2019-02-25 12:02:00
您正在搜索不存在的 ID，请将名称更改为 id。
id="key_input"
而且，仅创建 var 不会显示它。
var key_Data = document.getElementById("key_input").value; console.log(key_Data);
<td> <textarea id="key_input" rows="4" cols="50"> testData </textarea> </td>
2楼
jo_va
1
2019-02-25 11:53:55
使用 ：
console.log(document.querySelector('[name="key_input"]').value);
<td> <textarea name="key_input" rows="4" cols="50"> testData </textarea> </td>
3楼
Yosvel Quintero Arguelles
0
2019-02-25 11:53:33
您可以向textarea元素添加特定的id属性并使用 ：
const textareaElem = document.querySelector('#key_input'); console.log(textareaElem.value)
<textarea id="key_input" name="key_input" rows="4" cols="50"> testData </textarea>
4楼
Devsi Odedra
0
2019-02-25 11:54:06
您可以使用 jquery 简单地做到这一点
console.log($('#key_input').val())
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <td> <textarea name="key_input" rows="4" cols="50" id="key_input"> testData </textarea> </td>
5楼
Seloka
0
2019-02-25 11:54:36
在文本区域元素中包含属性“id”
<td>
<textarea name="key_input" id="key_input" rows="4" cols="50">
testData
</textarea>
</td>
还有你的js
var key_Data = document.getElementById("key_input").value;
6楼
Shivam
0
2019-02-25 11:56:38
function test(){ alert(document.getElementsByName("key_input")[0].value) }
<textarea name="key_input" rows="4" cols="50"> testData </textarea> <input type="button" onclick="test()" value="get data" />
你可以使用上面的代码来获取textarea值的名称