テクニカルノート

JQuery URLのパラメータで、Formのselect要素を選択する

URLのパラメータで、Formのselect要素を選択する方法です。

たとえば、 http://accelboon.com/contuctus/?cc=order　のようにして、ccパラメータで選択する項目を指定した場合、JQueryを使って、次のようにしてselect要素に反映させることができます。

//パラメータを取得する
var params = getParameter();
$("#menu-category").val('modalshift');
if(params['cc']!==""){
    $("#menu-category").val(params['cc']);
}

function getParameter(){
	var paramsArray = [];
	var url = location.href; 
	parameters = url.split("#");
	if( parameters.length > 1 ) {
		url = parameters[0];
	}
	parameters = url.split("?");
	if( parameters.length > 1 ) {
		var params = parameters[1].split("&");
		for ( i = 0; i 
HTMLはこんな感じ。

パラメータの取得と設定については、
こちら→JavaScript URLのパラメータを取得、設定する

Contact form 7　での、パラメータ取得と設定については、
こちら→Contact Form 7 でURLのパラメータに応じて表示するフォームを変えたい

nakaike