我正在动态生成结果表，并且每行中的一个单元格包含一个自动完成功能。我正在使用Select2来显示自动完成选项，并从每行唯一的ajax数据和自定义数据中填充下拉列表。我的ajax数据来自我的Python应用程序方法，并且我正在使用POST将变量发送回Python方法，以用于生成自定义数据。设置方法如下：
$(".js-example-tokenizer-ajax-data").select2({
tags: true,
createTag: function (params) {
return {
id: params.term,
text: params.term,
newOption: true
}
},
templateResult: function (data) {
var $result = $("<span></span>");
$result.text(data.text);
if (data.newOption) {
$result.append(" <em>(new)</em>");
}
return $result;
},
placeholder: 'Select an option',
maximumSelectionLength: 3,
ajax: {
url: '{{ url_for("select2Autocomplete") }}',
contentType: 'application/json',
method: "POST",
dataType : 'json',
data: JSON.stringify({variable:myValue}),
processResults: function (data) {
return {
results: data.resource_list
};
}
}
});
我已经从Jinja模板中将select元素的ID设置为一个值。
<select onfocus="this.selectedIndex = -1;" id="{{ key }}" class="js-example-tokenizer-ajax-data" multiple="multiple" miriamId="{{ value }}" style="width:100%">
<option value="{{ key }}" selected>{{ miriam_name_dict[value] }}</option>
</select>
由于它是动态的，所以我不知道每个选择的ID是什么。我能够得到这样的价值：
$('.js-example-tokenizer-ajax-data').on('select2:opening', function (evt) {
myValue = document.getElementById(this.id).getAttribute('id');
console.log("myValue: ", myValue)
});
我想将myValue用作通过数据变量发送回python方法的变量。有什么方法可以访问myValue以便在自动完成代码中使用？
我能够将数据传递回用户单击的select元素的autocomplete方法，如下所示：
$(".js-example-tokenizer-ajax-data").select2({
tags: true, //Allows for free text input of tag values
createTag: function (params) {
return {
id: params.term,
text: params.term,
newOption: true
}
},
templateResult: function (data) {
var $result = $("<span></span>");
$result.text(data.text);
if (data.newOption) {
$result.append(" <em>(new)</em>");
}
return $result;
},
placeholder: 'Select an option',
maximumSelectionLength: 3,
ajax: {
url: '{{ url_for("select2Autocomplete") }}',
contentType: 'application/json',
method: "POST",
dataType : 'json',
data: function() {
var myValue = $(this).attr('id');
return JSON.stringify({variable: myValue})
},
processResults: function (data) {
return {
results: data.resource_list
};
}
}
});
我无法直接使用{variable：$（this）.attr（'id'）}作为data参数的值，并且确实需要在该值上使用JSON.stringify来使用python方法获取值 jsonData = request.json["variable"]
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句