Javascript 获取选择器的URL'；s选项，并将其添加为“提交”按钮的链接

我试图在选择器中获取某个选项的URL值并将其添加到“提交”按钮中，这样当用户选择选项1时，其URL将添加到“提交”按钮URL中，这让我大吃一惊

例如，如果选项1 URL为

，则按钮应跟随链接

https://example.com/1

陈述
选择一个选项
提交

我想这会帮助你-
陈述
选择一个选项
1.
2.
3.
4.
提交
$（文档）.ready（函数（）{
$（'#inputState'）。在（'change'，function（）上{
$（“#myFarm”）.attr（“操作”https://example.com/“+$（this.val（））.submit（）；
})
})

Vanilla JS解决方案：

---

您可以根据运行时的选择设置锚定标记的href属性。

window.onload=function（）{
document.querySelector（“#inputState”）.addEventListener（'change'，函数（事件）{
document.querySelector（'#anchorSubmit'）.setAttribute（'href'`https://www.example.com/${event.currentTarget.value}`）；
});
}

陈述
选择一个选项
1.
2.
3.
4.
提交

如果我正确理解您的问题-您需要通过所选的

url重定向用户

为此，您可以执行以下操作：

$（文档）.ready（函数（）{
$（文档）.on（'提交'，'我的表格'，（事件）=>{
event.stopPropagation（）；
const selectElement=$（this.find（“#inputState”）；
if（selectElement.val（））{
location.href=selectElement.val（）；
}
});
});

陈述
选择一个选项
1.
2.
3.
4.
提交
您不能将html放入
中。这是一个纯文本元素一旦我提交表单，页面就会刷新，我会看到下面的url？非常感谢您提供此解决方案。不幸的是，当我试图提交表单时，页面刷新，没有任何更改。对不起，这是我的错误，它是为id标签键入的。和url的值
I think this would help you - 

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

<form id="myFarm">
  <div class="form-row">
    <div class="form-group col-md-12">
      <label for="inputState">State</label>
      <select id="inputState" class="form-control">
        <option value="" selected>Choose an option</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
    </div>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>



<script type="text/javascript">
    $(document).ready(function(){
      $('#inputState').on('change', function() {
          $("#myFarm").attr("action", "https://example.com/"+ $(this).val()).submit();
      })
    })
 </script>