如何在JavaScript中将下拉列表的值设置为自定义函数的返回结果

你当前直接把JS函数名写在option的value属性里的写法是无效的，HTML会把属性值识别为普通字符串，不会自动执行对应函数，按以下方式调整即可：

方法1：用JS动态赋值（前端执行逻辑） #

第一步：调整下拉列表基础HTML #

把多余的空option去掉，保留基础结构即可：

<select id="end">
  <option value="">Select Value</option>
</select>

第二步：添加页面加载逻辑 #

在JS中监听页面DOM加载完成事件，调用函数拿到地址后设置下拉值：

function GetUserAddress() {
  // 注意：如果Session里的addressmap包含单引号，需要提前转义避免JS语法报错
  var address = '<%= Session["addressmap"].ToString() %>';
  return address;
}

// DOM加载完成后执行赋值
document.addEventListener('DOMContentLoaded', function() {
  const userAddress = GetUserAddress();
  const selectElement = document.getElementById('end');

  // 动态添加地址选项
  const newOption = document.createElement('option');
  newOption.value = userAddress;
  newOption.innerText = userAddress; // 可根据需求修改下拉框显示的文本
  selectElement.appendChild(newOption);

  // 设置为选中状态
  selectElement.value = userAddress;
})

方法2：直接服务端渲染（更简单，无需额外JS） #

因为你的地址本身就是从服务端Session取的，完全可以直接在服务端渲染的时候把值写到HTML里，不用走前端JS：

<select id="end">
  <option value="">Select Value</option>
  <option value="<%= Session["addressmap"].ToString() %>" selected>
    <%= Session["addressmap"].ToString() %>
  </option>
</select>

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