如何在JSP锚点标签中传递并显示JavaScript的userid变量

我来帮你搞定这个问题～你的代码目前是静态写死的链接，没法动态注入JS变量，咱们一步步调整：

1. 先给锚点加个ID，方便JS定位 #

先修正HTML里锚点的语法错误（多了个多余引号），再给<a>标签加个唯一ID，这样JS能精准找到它：

<td colspan="2" align="right"><div align="center">User Id</div></td>
<td>
  <input class="textbox" type="text" id="userid">
  <a id="userLink" href=""></a> <!-- 去掉多余引号，新增ID -->
</td>

2. 用JS动态设置锚点的链接和显示文本 #

你已经拿到了var userid = "MK";，接下来通过JS获取锚点元素，修改它的href属性和文本内容即可：

// 这里顺便提一句：你说用document.getElementByName，但input的id是userid，应该用getElementById更准确哦
var userid = document.getElementById("userid").value || "MK"; // 兼容用户输入或默认值

// 获取锚点元素
var userLink = document.getElementById("userLink");

// 设置跳转链接：把userid作为参数拼接，用encodeURIComponent编码避免特殊字符导致参数错误
userLink.href = "access.jsp?userid=" + encodeURIComponent(userid);

// 设置锚点显示的文本，就是你要展示的userid值
userLink.textContent = userid;

3. 可选：实时跟随用户输入更新 #

如果需要用户修改输入框内容时，锚点实时同步更新，可以给输入框加个事件监听：

document.getElementById("userid").addEventListener("input", function() {
  var userid = this.value;
  var userLink = document.getElementById("userLink");
  
  if (userid) {
    userLink.href = "access.jsp?userid=" + encodeURIComponent(userid);
    userLink.textContent = userid;
  } else {
    // 输入为空时清空锚点内容
    userLink.href = "";
    userLink.textContent = "";
  }
});

这样调整后，锚点就会正确显示userid的值，点击时也能把参数正常传递到access.jsp啦～

内容的提问来源于stack exchange，提问作者user13088663