使用url重定向从sql填充的下拉菜单

Question

对于三个下拉菜单，我有如下的sql表：

sql city table

我试图使用：

$(document).ready(function() {
$("#city_id").change(function(){ 
window.location=$("#city_url");
});

如何实现我的目标，以便在选择城市后重定向到相应的网址？

Answer 1

您必须在选项中添加网址。 如果您将url放在值中，但我建议您使用数据属性

，它会工作

$("#city_id").append("<option data-url=\""+ value.city_url+"\" value=" + value.city_id +">"+value.city+"</option>"); 

它应该呈现类似

的东西

<option data-url="http://miami.com" value=1>Miami</option>

然后您可以重定向到此属性（根据您的select ID =＆＃34; city_id＆＃34;）

$(document).ready(function() {
$("#city_id").change(function(){ 
window.location=$(this).data("url");
});

代码未经过测试，但你应该了解这样做的方法