更改下拉菜單做jQuery的功能和sql查詢

我想獲得一個sql查詢運行下拉菜單選擇。以下是我迄今爲止：更改下拉菜單做jQuery的功能和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有它的條件，這將運行SQL查詢，如果它檢測到的頁面ID和模板在URL中。從選擇下拉菜單中，用jquery抓取模板參數值（請讓我知道該部分是否在jquery中設置錯誤）。我無法弄清楚如何從頁面的當前網址抓取page_id參數，並將其插入到函數中，以便page.edit.php？page_id = 1 & template = Home將被正確輸出的URL 。

如果您需要更多信息，請讓我知道。提前致謝。

編輯：基於回答以下：

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); 
});

NO變化正在發生WHEN我進行選擇的下拉菜單

來源

2012-02-16 klye_g

[在JavaScript中獲取查詢字符串值]（http：// stackoverf low.com/questions/901115/get-query-string-values-in-javascript） – 2012-02-16 01:37:21

感謝Michael對於這個問題的鏈接，我試着儘可能多地查看它們.. – 2012-02-16 01:47:59

爲了從網址中獲取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>

來源

2012-02-16 01:42:31

使用＃templateid.change獲取語法錯誤功能 – 2012-02-16 02:08:51

對不起，我不知道javascript – 2012-02-16 02:09:00

現在試試看，page_id沒有定義 – 2012-02-16 02:17:25

嘗試使用這個插件

 $.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]; 
    } 
});

來源

2012-02-16 01:40:35

更改下拉菜單做jQuery的功能和sql查詢

回答

相關問題