如何将HTML输入值传入变量数组生成URL字符串？

首先你需要搭建对应的表单结构，让用户可以输入/选择所需参数，示例HTML如下：

<!-- 可根据需求拆分为分步表单，这里简化为基础结构 -->
<div class="form-container">
  <div>
    <label>用户数量:</label>
    <input type="number" id="users-input" value="500">
  </div>
  <div>
    <label>周期长度:</label>
    <input type="number" id="length-input" value="24">
  </div>
  <div>
    <label>付费方式:</label>
    <select id="router-select">
      <option value="Pay Monthly" selected>按月付费</option>
      <option value="Pay Yearly">按年付费</option>
    </select>
  </div>
  <button class="results">生成URL</button>
</div>

接下来修改你的JS代码，核心是在点击按钮时实时从表单元素中获取最新值，替换原有的静态参数：

$( ".results" ).click(function() {  
    // 从输入框中获取当前用户输入/选择的值
    var params = {
        users: $("#users-input").val(),
        length: $("#length-input").val(),
        router: $("#router-select").val()
    };

    var queryString = $.param(params);
    var myurl = "/calculator/?" + queryString ;

    // 更新当前页面URL（如果需要直接跳转到计算器页面，替换为window.location.href = myurl）
    window.history.pushState('', "", myurl);
});

补充说明： #

• 用jQuery的.val()方法可直接获取文本输入框、下拉选择框的当前值；如果是单选按钮组，需用$("input[name='radio-name']:checked").val()获取选中值
• 将参数获取逻辑放在点击事件内部，确保每次点击都能拿到用户最新的输入内容，而非页面加载时的初始值
• 如果是分步表单（多步骤切换显示），只需保证点击生成按钮时，所有目标输入元素都处于可被选中的状态即可

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