フォームを処理し、背景の変更をプレビューするための次のスクリプトがあります。
if(!options) {
var optionsTemp = $manageBackgroundForm.serializeArray();
var regex =/\bg[[a-z]+\]/;
$.each(optionsTemp, function(index, options) {
var test = options.name.match(regex);
debug(test[0]); // DONT WORK
});
var options = new Object();
options.color = 'red';
options.image = 'test.png';
options.position = '20px 20x';
options.attachment = 'fixed';
options.repeat = 'repeat-x';
options.size = 'cover';
}
$('body').css({
'background-color': options.color,
'background-image': 'url('+options.image+')',
'background-position': options.position,
'background-attachment': options.attachment,
'background-repeat': options.repeat,
'background-size': options.size //contain
});
私の入力はinputname="bg[color]"のようなものです。PHPでフォームを簡単に処理するために、このように使用します。しかし、JavaScriptでの処理に問題があります。フォームからすべてのBGオプション(およびbgオプションのみ)を取得したい-val[example]のような他の入力があります。
オプションを使用して入力をマップしたいと思います。何か案が?