已能获取输入框值，如何用Javascript从URL获取单选框与下拉框值？

嘿，我来帮你搞定这个问题！当你的表单用GET方法提交后，所有表单控件（包括下拉框、单选按钮）的选中值都会以键值对的形式附在URL的查询字符串里（就是?后面的部分）。我们可以用两种常见方法来提取这些值：

方法一：使用现代浏览器的URLSearchParams API（推荐） #

这是最简洁的方式，现代浏览器都支持，无需手动解析字符串：

在你的Results.html页面中添加这段JavaScript代码：

// 解析当前页面URL的查询参数
const urlParams = new URLSearchParams(window.location.search);

// 获取下拉框的值（假设你的下拉框name属性是"payment"）
const selectedPayment = urlParams.get('payment');
console.log('选中的支付方式:', selectedPayment);

// 获取单选按钮的值（单选按钮组要共享同一个name，比如"paymentType"）
const selectedPaymentType = urlParams.get('paymentType');
console.log('选中的支付类型:', selectedPaymentType);

关键提醒： #

确保你的表单控件都设置了正确的name属性——这是GET参数的“键”，比如：

<!-- 下拉框示例 -->
<select name="payment">
  <option value="credit_card">信用卡</option>
  <option value="paypal">PayPal</option>
</select>

<!-- 单选按钮组示例 -->
<input type="radio" name="paymentType" value="online" checked> 在线支付
<input type="radio" name="paymentType" value="offline"> 线下支付

方法二：手动解析查询字符串（兼容旧浏览器） #

如果需要支持IE这类旧浏览器，可以自己写一个解析函数：

// 自定义函数：根据参数名获取URL中的值
function getQueryParam(paramName) {
  // 提取查询字符串（去掉开头的?）
  const queryStr = window.location.search.slice(1);
  // 把字符串分割成键值对数组
  const paramPairs = queryStr.split('&');

  for (let pair of paramPairs) {
    // 分割键和值，同时解码特殊字符（比如空格会变成%20或+）
    const [key, value] = pair.split('=');
    const decodedKey = decodeURIComponent(key);
    const decodedValue = decodeURIComponent(value.replace(/\+/g, ' '));

    if (decodedKey === paramName) {
      return decodedValue;
    }
  }
  // 如果找不到对应参数，返回null
  return null;
}

// 使用示例
const selectedPayment = getQueryParam('payment');
const selectedPaymentType = getQueryParam('paymentType');
console.log('选中的支付方式:', selectedPayment);
console.log('选中的支付类型:', selectedPaymentType);

不管用哪种方法，核心逻辑都是一致的：通过控件的name属性匹配URL中的参数键，从而获取对应的选中值。只要你的表单控件设置了正确的name，就能轻松拿到想要的数据啦！

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