Javascript 如何使表单输入成为网站目的地的一部分？

我有一个用html制作的select表单，我想在他们提交表单时将选中的值作为url目的地的一部分。 例如：

<form>
<select name="state" id="state">
              <option value="AK">Alaska</option>
              <option value="AL">Alabama</option>
              <option value="AR">Arkansas</option>
              <option value="AZ">Arizona</option>
              <option value="CA">California</option>
    </select>
<input type="submit" value="submit">
</form>

---

首先，您需要在脚本中包含jQuery库。那你试试这个

$('button').click(function (){
    selectedValue = $('select').val().toLowerCase(); //I converted it to lowercase due to the case difference in your value and your url
    window.location.href = "http://www.example.com/"+selectedValue+".html";
});

但是如果它是

格式的

标记，则使用此标记

$('form').submit(function (e){
    e.preventDefault();
    selectedValue = $('select').val().toLowerCase(); //I converted it to lowercase due to the case difference in your value and your url
    window.location.href = "http://www.example.com/"+selectedValue+".html";
});

---

工作得很好。非常感谢@欢迎你，如果你能投票支持我的回答，我也将不胜感激：）

$('form').submit(function (e){
    e.preventDefault();
    selectedValue = $('select').val().toLowerCase(); //I converted it to lowercase due to the case difference in your value and your url
    window.location.href = "http://www.example.com/"+selectedValue+".html";
});