php - 使用漂亮的 url 提交 onChange

Question

我已经针对这个问题提出了一个问题，但它的表述非常糟糕，因此我没有得到很好的回应......所以这是另一次尝试......希望没问题

---

我有一个带有选定标签和一些选项的表单

<form>
  <select>
     <option selected="selected"></option>
     <option value="1" data-seourl="food-intake">Food intake</option>
     <option value="2" data-seourl="homemade-cake">Homemade cake</option>
     <option value="3" data-seourl="good-fruits">Good fruits</option>
     <option value="4" data-seourl="apple-type">Apple type</option>
  </select>
</form>

当我选择一个选项 (onchange) 时，我想向服务器提交一个友好的 url 来重装这个:

http://www.mywebsite/kitchen/food-intake.1
http://www.mywebsite/kitchen/homenade-cake.2
...

而不是发送默认值:

http://mywebsite/kitchen/?category=1
http://mywebsite/kitchen/?category=2

我知道如何使用 mod_rewrite，所以这不是问题。我需要了解如何提交友好的网址而不是默认网址？

javascript(在本例中为 jQuery)是唯一的解决方案还是有原生解决方案？

谢谢

Answer 1

试试这个:

$('select').change(function()
{
    var $option = $(this).find('option:selected');
    if ($option.length)
    {
        window.location.href = 'http://www.mywebsite/kitchen/'+
                               $option.attr('data-seourl')+'.'+
                               $option.attr('value');
    }
});

注意:从技术上讲，这不是 <form>提交，但这实际上是您可以合理执行的所有操作，因为表单将尝试附加您不想要的查询字符串。不过，这两种方法都会产生一个 HTTP GET 请求。