javascript - 使用 Javascript 将输入值作为变量传递

Question

我正在使用 JavaScript 尝试将隐藏输入字段的值作为变量传递到下面的 url 路径中，但是当我检查代码时，我在我希望变量所在的位置看到“未定义”。

我真的很想解决这个问题。知道为什么该值是“未定义”而不是隐藏输入字段的值吗？

var userID = "";
userID = $('#userID').val();

document.write("<input type='hidden' id='userID'>");
document.write("<a href='http://sample/folder/" + userID + "/Documents/Forms/All.aspx'><li>test</li></a>");

Answer 1

您的 javascript 找不到该值，因为您的 html 未创建。

在获取值之前尝试创建它。

document.write("<input type='hidden' id='userID' value='user1234'>");

var userID = "";
userID = $('#userID').val();
console.log(userID);

document.write("<a href='http://sample/folder/" + userID + "/Documents/Forms/All.aspx'><li>test</li></a>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>