如何操作多元素的选定数据

时间:2017-12-11 20:29:25

标签: javascript json jquery-select2

我有这段代码,我想知道如何将所选数据保存在变量中,以便将它们作为json进行操作。

我已经设法通过json数据创建值。

function customMatcher(params, data) {
    	//show childs if search with parent
    	data.parentText = data.parentText || "";
    	if ($.trim(params.term) === '') {
    		return data;
    	}

    	if (data.children && data.children.length > 0) {
    		var match = $.extend(true, {}, data);
    		for (var c = data.children.length - 1; c >= 0; c--) {
    			var child = data.children[c];
    			child.parentText += data.parentText + data.text;

    			var matches = customMatcher(params, child);
    			if (matches == null) {
    				match.children.splice(c, 1);
    			}
    		}

    		if (match.children.length > 0) {
    			return match;
    		}
    		return customMatcher(params, match);
    	}

    	var original = (data.parentText + ' ' + data.text).toUpperCase();
    	var term = params.term.toUpperCase();

    	if (original.indexOf(term) > -1) {
    		return data;
    	}
    	return null;
}

$("#multisearch").select2({
    	closeOnSelect : false,
    	matcher : customMatcher,
    	data : [{
    			id : 0,
    			text : 'Linea 1',
    			children : [{
    					id : 1,
    					text : 'San Pablo'
    				}, {
    					id : 2,
    					text : 'Pajaritos'
    				}]
    		}, {
    			id : 3,
    			text : 'Linea 2',
    			children : [{
    					id : 4,
    					text : 'La Cisterna'
    				}, {
    					id : 5,
    					text : 'Pajaritos'
    				}]
    		},
    	]
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
	<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<select multiple id="multisearch" style="width:500px">
		</select>

现在我希望能够在搜索中操作选定的JSON值。

非常感谢您的支持!!

我很关注你的答案

0 个答案:

没有答案