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 < params.length; i++ ) {
		   var paramItem = params[i].split("=");
		   paramsArray[paramItem[0]] = paramItem[1];
		}
	}
	return paramsArray;
};

HTMLはこんな感じ。

<form method="post" action="">
	<select name="menu-category" id="menu-category">
		<option value="question">お問い合わせ</option>
		<option value="estimate">お見積り</option>
		<option value="order">ご注文</option>
		<option value="other">その他</option>
	</select>
</form>

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

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

0
  • このエントリーをはてなブックマークに追加