下拉菜单更改 jquery 函数和 sql 查询

Question

我正在尝试让 sql 查询在下拉菜单选择上运行。这是我到目前为止所拥有的：

<script>
$('#templateid').change(function(DoUpdateOnSelect) {
$.post('page.edit.php?page_id=(-->Need help in getting this id from the page url<--)&template='+this.options[this.selectedIndex].value);
});
</script>

下拉列表：

<select name="templateid" id="templateid" onchange="DoUpdateOnSelect">
    <option >Contact</option>
    <option >News</option>
    <option >Home</option>
</select>

page.edit.php 有条件，如果它检测到 URL 中的页面 id 和模板，它将运行 sql 查询。模板参数值是用 jquery 从选择下拉菜单中获取的（如果该部分在 jquery 中设置错误，请告诉我）。我不知道如何从页面的当前网址中获取 page_id 参数，并将其插入到函数中，以便 page.edit.php?page_id=1&template=Home 将是正确输出的网址。

如果您需要更多信息，请告诉我。提前致谢。

编辑：基于下面的答案：

function querystring(name)
{
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec( window.location.href );
if( results == null )
  return "";
else
  return results[1];
}
$('#templateid').change(function() {
   var page_id = querystring('page_id');
   var url = '?VIEW=EDITPAGE&linklabel='+page_id+'&template='+(this.options[this.selectedIndex].value);
$.post(url);
});

当我在下拉菜单中进行选择时没有发生任何变化

Answer 1

要从 url 获取 page_id，您应该使用像这样的函数

function querystring( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

，然后您可以使用这样的函数检索它

var page_id = querystring('page_id');

，您的 onchange 处理程序将类似于：

$('#templateid').change(function() {
   page_id = querystring('page_id');
   var url = 'page.edit.php?page_id='+page_id+'&template='+this.options[this.selectedIndex].value);
   $.post(url, function(response){
      //your logic here
   });
});

哦，请从选择标记中删除 onchange 属性：

<select name="templateid" id="templateid">
    <option >Contact</option>
    <option >News</option>
    <option >Home</option>
</select>

Answer 2

尝试使用这个插件
<代码>

$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});

<代码>