如何在select2 django表单集中更改每个表单的id
在select2 Django表单集中更改每个表单的id，可以通过以下步骤实现：
- 在Django表单类中定义一个自定义的字段，用于存储每个表单的id。例如，可以创建一个名为"form_id"的字段。
- 在Django表单类中定义一个自定义的字段，用于存储每个表单的id。例如，可以创建一个名为"form_id"的字段。
- 在前端模板中，使用循环来遍历表单集合，并为每个表单生成一个唯一的id。可以使用Django的内置模板标签
{% for %}来实现。 - 在前端模板中，使用循环来遍历表单集合，并为每个表单生成一个唯一的id。可以使用Django的内置模板标签
{% for %}来实现。 - 在上面的例子中，我们使用表单的前缀作为每个表单的id，并将其存储在一个隐藏的input元素中。这样可以确保每个表单具有唯一的id。
- 使用JavaScript代码初始化select2插件，并为每个表单设置唯一的id。
- 使用JavaScript代码初始化select2插件，并为每个表单设置唯一的id。
- 在上面的代码中，我们首先获取所有表单id元素，然后遍历每个元素，获取表单id，并构建select2字段的id。最后，使用该id初始化select2插件。
以上步骤可以实现在select2 Django表单集中更改每个表单的id。请注意，这只是一种实现方式，具体的实现可能因你的具体需求而有所不同。
相关·内容
我已经成功地分别使用了Django Dynamic Formset和Select2。但是，当我使用select2并在我的表单集中动态添加更多表单时，添加的表单不适用于下拉列表。我点击它们，但下拉列表不会打开。
<script type="text/javascript">
$(function() {
$('.trt').formset();
});
$('select').select2();
</script>
如何编辑上面的代码，使select2适用于我添加的表单？
浏览 0提问于2017-02-12得票数 1
2回答
这可能是一个简单的问题，但我对JavaScript还没有那么坚定。
我想要一个使用select2自动完成的搜索表单。
当用户在select2下拉框中选择一个结果时，我希望立即提交搜索表单，这样我就不需要为表单设置一个按钮。
我找到了select 2:select事件处理程序，但是我没有让它工作。有什么帮助吗？
我的select2工作正常，如果我包含一个按钮，我可以提交表单并接收所选的对象id：
<form action="" method="get" id="project-search">
<select cl
浏览 3提问于2016-09-21得票数 3
回答已采纳
2回答
我是姜戈的新手。我使用django表单来呈现HTML表单。
我想用流行的JS框架"Select2“替换默认的ChoiceField。
我知道直接在HTML页面上这样做很容易，但我发现很难将它集成到django表单设计中。也许一些第三方django插件可以作为使用，但是当我添加更多的JS框架时，我可能需要越来越多的第三方django插件。
那么使用django表单的正确方式是什么呢？为什么django将HTML表单放在HTML页面之外？与Java一样，所有HTML元素都将放在JSP页面中。
浏览 3提问于2013-06-07得票数 0
如何使用Django表单字段创建切换行为，如gif中所示，完全使用Django？在下面的示例中，提示用户只选择分区或中心，如果选择了分区，则中心将自动提示为None，反之亦然。
为了创建显示的效果，我使用了jQuery和一些初学者Django代码：
<div class="col-md-5">
<label>Division </label>
<select id="division" name="division" class="form-c
浏览 6提问于2022-02-17得票数 0
我需要为每个表单增加id字段表单。 django提供的默认id为id_formsetname_set-0-fieldName，0逐个递增 在我名为id_items_set-0-model的例子中，对于第二个表单，它将是id_items_set-1-model，它显示在浏览器的inspect element源代码中，我将其用于loo脚本 for (var i = 0; i < 10; i++){
$("#id_items_set-"+i+"-model").select2();
} 但只适用于第一种形式，我不想使用django-select2 我
浏览 41提问于2020-07-14得票数 1
1回答
我需要在几个表单中动态添加选择框。
为了添加选择框，我使用了不同的事件名称，因为每个表单都有不同的标记。例如，要在表中添加新行，我使用了名为' add - table - row‘的事件；要在列表中添加新列表项，我使用了名为' add - list - item’的事件。(更好的技术建议非常感谢)
在每个事件函数中，我都有重复的代码来将select更改为select2。我有两种类型的select2类。
<select class="select2"> -> Normal Select2
带有minimumInputLength的<sele
浏览 1提问于2015-01-29得票数 0
我将django-select2插件用于一个字段，它允许用户从数据库(由AJAX驱动)的列表中选择一个机构，它工作得很好。以下是forms.py中的字段
institution = forms.CharField(
widget = ModelSelect2Widget(
queryset=Institution.objects.all(),
attrs={'class': 'form-control'},
model=Institution,
search_fields=['
浏览 1提问于2017-07-24得票数 4
1回答
我使用django-autocomplete-light库在我的表单中有一个ModelSelect2字段。我需要在外部更改当前选定的项。该库具有以下代码来处理select2:selecting事件。 document.addEventListener('dal-init-function', function () {
...
yl.registerFunction( 'select2', function ($, element) {
$element.on('select2:selecting', func
浏览 11提问于2021-06-30得票数 0
1回答
代码中的Select2组件有问题：
$("#group_select_name").select2({
placeholder: "Select a Group",
allowClear: true,
ajax: {
type: "GET",
url: "../contactGroup",
contentType: "application/json; charset=utf-8",
dataType: 'json',
processResults
浏览 4提问于2017-01-26得票数 0
回答已采纳
1回答
我很难弄清楚这一点。基本上，它是一个有几个下拉菜单的表单。用户可以从下拉列表中选择一个或多个项目，以帮助筛选出MySQL数据结果。因此，我希望在用户填写表单时消除选项。假设国家下拉菜单将不再列出所有国家，而只显示美国(耐克)和德国(阿迪达斯)。对于其他下拉菜单，依此类推。下面是PHP/HTML代码。
<?php
// Connection
require_once('./db.inc.php');
$brands_list_query = "SELECT DISTINCT brand from inventory ORDER BY brand ASC"
浏览 1提问于2015-06-04得票数 0
我有一个带有两个select字段的表单。选择使用onChange=“form1.mit()”提交表单。我是如何知道表单中的选择字段是由用户选择的呢？我试着用两个提交按钮来完成这个操作，我可以知道哪个按钮已经很容易提交了。
<?php
if(isset($_POST["select"])) {
echo "submit";
}
if(isset($_POST["select2"])) {
echo "submit2";
}
?>
<form id="f
浏览 2提问于2015-12-21得票数 0
回答已采纳
我正在尝试设置选项，以移动到列表的顶部或底部。对于如何使用jquery实现此功能有何想法？
$(document).ready(function() {
$('input[type="button"]').click(function() {
var $op = $('#select2 option:selected'),
$this = $(this);
if ($op.length) {
($this.val() == 'Up') ?
$op.first().prev
浏览 4提问于2016-07-02得票数 0
回答已采纳
我正在用远程数据(json)初始化select2 (多个)，当表单提交时，select2会提交所选文本的索引，它能返回选定的文本(以逗号分隔，像索引一样分隔)而不是索引吗？
<input type="hidden" id="IntendedCourses" name="IntendedCourses"/>
$.getJSON("GetCourses.aspx", function (course) {
$("#IntendedCourses&#
浏览 2提问于2014-04-30得票数 1
回答已采纳
我想用jQuery来定位django表单，但是与html选择标记不同的是，我没有类可以这样做。
有人能帮我吗？
Ps:我是编程的初学者。
<!-- Selection Box -->
<div>
<form action="" method="post">{% csrf_token %}
{{selectfield}} <!-- my form -->
<button type="submit
浏览 3提问于2017-10-26得票数 0
回答已采纳
我的应用程序看起来是这样的：
forms.py:
class SubForm(forms.ModelForm):
myfield = GreatChoices()
class Meta:
model = Sub
MyFormSet = inlineformset_factory(My, Sub, extra=1, form=SubForm)
class GreatChoices(AutoModelSelect2Field):
queryset = Great.objects
template.html
<form id="great&
浏览 2提问于2014-10-12得票数 0
在具有manyToMany字段的django表单中-添加新条目时，是否有数据库调用来检索列表中的每个对象？这是必要的/浪费吗？
例如：
点赞( forms.ModelMultipleChoiceField(queryset=Videos.objects.all()) )：MyForm=ModelForm
……
表单与一个项目id列表一起提交。在clean()方法中，like变成了一个Video对象列表。但是，您可以执行以下操作：
self.instance.likes.add() ...without曾经需要获取对象。
..。
在更新关系之前先检索对象是不是很浪费？若否，原因为何？
浏览 1提问于2012-02-19得票数 0
我创建了一个具有嵌套表单组的表单：
this.cardForm = this.fb.group({
number: ['', Validators.compose([Validators.required, this.validateCardNumber])],
holderName: ['', Validators.required],
expiry: this.fb.group({
expirationMonth: ['', Validators.required],
expirationYea
浏览 15提问于2017-04-04得票数 0
我将从一个表中提取值，并在表单中使用ajax填充select2。我将不会有身份证号码(虽然身份证号码可以搜索)。如何查找用来初始化select2的ID号，或者如何使用.text only值而不使用.val?s来设置select2
select2会像这样设置这个值；
$('#nwco').val('2');
select2将不会select2将像这样设置值；
$('#nwco').text('Item 1');
浏览 0提问于2015-10-03得票数 0
我有一些选择菜单，这是动态生成在我的页面上，我想取代所有的HTML5选择菜单与kartik select2，在下面的图像第一个选择菜单是一个静态的，我只是把我的select2在我的php表单中，其他是动态的，我通过点击添加按钮生成它们，现在我想改变的HTML5选择到kartik select2，我该如何实现这一点。
function addColor(){
var div = $(
'<div class="col-md-offset-3 color2" style="padding-left:15px; border:1px sol
浏览 34提问于2016-08-03得票数 0
在我的表单中有一个隐藏的FloatField：
test = forms.FloatField( widget=forms.HiddenInput())
Django生成以下html：
<input type="hidden" name="test_set-0-test" id="id_test_set-0-test" />
我想用JavaScript静默地填充这个字段：
document.getElementById('id_test_set-0-test').value = X
但我不知道Djang
浏览 4提问于2012-08-31得票数 1
我想使用select2.min.js自动完成选择( django值)，但它只适用于我的第一个表单，我使用ForeignKey表单集处理重复表单
这是我的代码片段
<tbody class="tbody tb1 " id="form_set">
{% for item in items.forms %}
<tr class="p-0 col-12">
浏览 2提问于2020-06-14得票数 4
我想问一下，点击[交易类型]-[计费]按钮，如何禁用可选项？将仅选择帐单类型。如果我选择事务处理类型-付款。是否仅选择付款类型？这是我使用php laravel的form.blade。只需单击下面的url即可显示图片。非常感谢那些帮助我们的人。
PHP，LARAVEL
<script type="text/javascript">
var transaction_type, sub_type, payment, billing_type;
transaction_type = $(".filter_transaction_type"
浏览 18提问于2019-07-18得票数 0
我一直在尝试使用django-select2小部件进行多项选择
步骤1:我使用pip install django-select2安装了django-select2
步骤2:将其添加到已安装的应用程序
INSTALLED_APPS = [
...
django_select2
...
]
第-3步:我将以下代码添加到settings.py
SELECT2_JS = "https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.12/js/select2.min.js"
SELECT2_CSS = "https://cdnjs.c
浏览 7提问于2021-11-06得票数 0
我对kartik select2小部件有问题。我正在尝试用jquery创建动态表单。首先，我在div元素中使用kartik select2创建了两个字段。然后我克隆了div的所有内容，并将其附加到div中。但是，克隆的select2在点击时不能工作。你能帮我一下吗？
代码: javascript文件中的代码：
$(document).ready(function(){
$(document).on("click", "#add-department-btn", function(e){
e.preventDefault();
浏览 1提问于2018-10-15得票数 4
回答已采纳
3回答
使用Jquery change()，我如何才能只选择form1字段而不是所有的表单字段？下面是我的代码。现在它检测两个表单字段的变化，但是我希望它只检测form1中字段的变化。
<form id="form1" name="form1" method="post" action="">
<label for="textfield"></label>
<input type="text" name="textfield" id="tex
浏览 0提问于2012-03-01得票数 0
我有一个页面，在那里我可以查看一个表单。
viewpage.php
<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;
use kartik\select2\Select2;
use app\models\AutoMakes;
$this->title = 'Ваше новое объявление';
$this->params['breadcrumbs'][] = $this->title;
?>
$form = ActiveForm::begin([
浏览 17提问于2022-10-26得票数 0
1回答
我正在创建一个表单，允许我从数据库中添加项目，我可以添加我需要的项目数量。我也可以选择我要选择的项目的类型。
问题是，当我给按钮添加另一个项目，这个负载，但同时消除了其他选择的选择-2的功能。这是我的密码；
我使用jQuery和select-2和引导。
我尝试在页面加载后加载，但这不起作用；我将其设置为.onloaddocument
$('.select-dinamic').select2({ width: '100%' });
$("#button_new_equip").click(function(event) {
var select_b
浏览 0提问于2019-08-24得票数 1
回答已采纳
这可能是未回答的的变体
我有一个表单中的字段barrister_id
<%= form_for(@mail) do |f| %>
...
<div class="field">
<%= f.label :barrister_id %><br />
<!-- %= f.collection_select :barrister_id, Barrister.all, :id, :code_and_name % -->
<% @barristers = Barrister.all %>
浏览 3提问于2014-04-03得票数 0
回答已采纳
1回答
我有多个select2下降。它们的值是从各自的json文件中加载的。加载表单的速度很慢。
我想把他们的json文件合并成一个文件。如何将javascript更改为从一个json文件中读取？
是否可以在本地保存下拉值，因此当第二次加载表单时，它会从内存中读取，而不会再次读取json文件。
function mySelect2(file,field) {
$.getJSON(file, function(obj) {
$.each(obj, function(key, value) {
$(field).select2({
浏览 5提问于2017-08-28得票数 1
2回答
当以编程方式将选项附加到Select2元素时，为什么不识别表单呢？
Html
Jquery Select2
$('#subrecursos').select2({
width: null,
multiple: true,
allowClear: true,
tags: true,
"language": {
"noResults": function () {
浏览 7提问于2017-01-08得票数 0
回答已采纳
1回答
问题描述：
我有一个包含分组输入/选择元素的表单，称为"Actions“。一个“动作”有三个输入元素(其中两个是select2多选元素)。在表单本身中，我希望能够拥有动态数量的“操作”，因此我创建了一个名为“操作”的模板，并使用ajax请求调用此模板。此ajax调用的响应是字符串格式的原始html。
我想要实现的目标的图形表示：
为了将这个html添加到其他“操作”的父容器中，我使用了以下代码：
parentContainer.innerHTML += response.response
我现在的问题是：
在添加新的html内容之后，我需要初始化所有的select2项，否则它们将
浏览 7提问于2020-11-17得票数 0
我正在尝试用一个可搜索的选项select2从DB value中创建一个组织下拉列表。对于这个示例，我使用了表单选择，但我的可搜索函数不起作用。没有错误，只是不工作。我尝试导入select2脚本，但仍然没有任何反应。我想知道哪里出了问题。 这是我的view刀片。 <div class="form-group row">
{!! Form::Label('organisation_id', 'Organisasi') !!}
{!! Form::select('organisation_id', $organisati
浏览 38提问于2021-11-19得票数 0
回答已采纳
在下面，我可以使用opts和select2更新setPlaceholder占位符文本。有什么方法也可以更新"allowClear“选项吗？我找不到任何可以调用的select2方法。有什么想法吗？
var data=[{id:0,tag:'foo'},{id:1,tag:'bar'}];
function format(item) { return item.tag };
function update() {
//$('#choose').select2("destroy");
$('#ch
浏览 0提问于2018-11-27得票数 0
在我的项目中，我使用了django内联表单集。我让jquery克隆表单集，但不幸的是，克隆的表单具有相同的名称和ids，因此在最后一个表单中输入的数据会覆盖第一个表单中的数据。我能做错什么呢？
下面是脚本：
<script type="text/javascript">>
function cloneMore(selector, type) {
var newElement = $(selector).clone(true);
var total = $('#id_' + type + '-TOTAL_FORMS'
浏览 0提问于2012-05-30得票数 1
回答已采纳
是否可以从jquery中设置在yii2 select2小部件中选择的某些选项。该小部件不是通过js初始化的，但它绑定到表单中的model属性。任何帮助都将不胜感激
代码：
echo $form->field($model, 'news_tags')->widget(Select2::classname(), [
'data' => ArrayHelper::map(app\models\Topics::findAll(['status' => 1]), 'tp_id'
浏览 2提问于2016-07-29得票数 1
当我使用django_select2时，没有传递field_id参数来获取URL select2/fields/auto.json。
因此，它抛出404错误。
我有没有遗漏什么配置？
python3.6、django2.1和django_select2 LIB_VERSION = v4.0.5 django_select2-6.3.1.dist-info
所有这些都是最新版本。
我不确定问题出在哪里，但我可以看到在没有field_id的情况下调用GET URL select2/field/auto.json。当我用生成的密钥用field_id手动执行它时，我得到了正确的结果。
浏览 6提问于2018-09-18得票数 1
我有一个只支持RESTful请求的GET API。它运行在与我的前端相同的域上。所有这一切都发生在Django 1.8和DRF 3.2.2。
然后，我有一个前端纯JS应用程序，可以对API进行Ajax调用。例如，我有一个带有一些自动完成字段的表单。根据页面加载的散列参数，还将预先填充字段。这些表单字段的值是通过查询API获得的。
(作为背景，应用程序没有用户的概念，也不需要任何登录或身份验证方法，只想使API只对我的JS应用程序可用。)
现在，我想修改API以使用SessionAuthentication。我有两个问题：(1)如何在Django中设置它？(2)如何修改我的JS代码？
关于问题(
浏览 2提问于2015-11-25得票数 1
我在使用jquery select2库
http://ivaynberg.github.io/select2/
我面临的问题是，我的表单中有多个下拉列表，如果我通过Ajax提交表单，除了select2下拉列表之外，所有的feilds都会得到重置/空。
我用这个做重置
$("#block-validate")[0].reset();
而且它工作非常好，并且重置/清空表单中除select2以外的所有字段。
我知道有一种方法可以使用以下方法来清除select2的功能
$("#e8").select2("val", "");
但它只会重置
浏览 10提问于2014-08-25得票数 2
回答已采纳
我有一个select2选择元素，它的值是通过jQuery设置的。
$("#select2").val(elment_id).trigger('change');
但是，我已经定义了onchange事件处理程序。
$('#select2').on('change', function(e) {
//TODO
});
我只想更改(设置) select2的值，而不触发更改事件。知道怎么做吗？
浏览 0提问于2019-04-29得票数 1
回答已采纳
1回答
Select2提交值而不是id
、、、、
我有Rails应用程序，在那里我可以选择国家：
= f.input :country, label: t("heading.country"), as: :string, input_html: { class: 'select2', data: { allowadd: true, depth: 0, id: @post.location.country.id, url: search_locations_path } }
Select2通过以下方式附加到此元素：
loadSelect2 = (selector = '.select2') -&g
浏览 3提问于2014-12-05得票数 4
回答已采纳
我正在使用Django和Django1.11，select2表单在Django管理面板中自动提示和完成，但在我的HTML页上却没有。
在HTML中，我使用以下命令插入表单：
{{forms.media}}
{{forms.tags}}
forms.py
tags = select2.fields.MultipleChoiceField(Tag,overlay="Choose several skills...")
models.py
tags = select2.fields.ManyToManyField(Tag,overlay="Choose several ski
浏览 1提问于2016-12-19得票数 0
我有一个包含一个文本输入和一个select2元素的表单(版本4.0.0)。我希望当焦点放在文本输入时，select2会打开。
这是我尝试过的：
<select list="userAccountsMap.values" listKey="accountNo" listValue="accountNo"/>
<input id="destinationAccount" type="text" name="destinationAccount">
<script type
浏览 1提问于2015-07-15得票数 4
我试图根据他们网站上的例子在select2插件中处理我从Django REST Framework中获得的结果，但我得到的唯一结果是：
即不可点击和不可搜索的文本列表。它只是不能以select2应该工作的方式工作。
代码如下：
<select class="js-data-example-ajax">
<option value="3620194" selected="selected">select2/select2</option>
</select>
<script
浏览 0提问于2016-06-26得票数 0
如何强制重新渲染自定义文本字段视图？
我创建了一个：
App.Select2View = Ember.TextField.extend({didInsertElement:function() {//plugin called here}});
它包含在一个模板表单中，当表单打开时，我选择了另一个/不同的项，这个自定义的文本字段视图(基于select 2)不会重新呈现，但保持不变。
我有嵌套的路由/资源。公司下的公司。当我选择一家公司时，我有只读信息和编辑按钮，如果单击该按钮，则会将公司控制器上的操作调用到"isEditing“状态，在此状态下将打开一个表单。如果我将状态更改为fals
浏览 1提问于2015-01-17得票数 0
我使用jquery中的select2插件，通过ajax加载获取数据。在设置响应时，我希望将属性添加到下拉列表的li-elements中。我已经尝试过在"templateResult“中调用函数，但在那里我只能返回<li></li>标记中的vakue
我的javascript：
var autocomplete = function () {
$("body").find("#myDropDown").select2({
language: "es",
浏览 8提问于2017-01-26得票数 0
我只是在做Django项目时发现了一个错误。总结一下这个问题，每次我尝试向一个窗体集中添加多个行时，我都会得到一个MultiValueDictKeyError错误。
每次尝试提交表单时，错误都会保持不变，即使我没有更改表单集。
这是我的代码: View.py
def profile(request):
# Get the user's profile
try:
profile = Profile.objects.get(user = request.user.id)
except:
profile = Profile()
浏览 3提问于2015-10-12得票数 2
回答已采纳
在yii2的select2小部件中，如何从小部件对控制器中的函数进行ajax调用:场景是，我需要为一个表创建一个自定义ID，id取决于两个下拉值和select2下拉列表的select事件，我需要获取记录并构造ID，并将新创建的id的值放入表单字段中。我只是在从select2 dropdown小部件进行ajax调用时遇到了问题
浏览 0提问于2017-03-23得票数 2
1回答
同时验证表单和一些输入
、、、
这里我有一个表单，我需要验证表单。我有select2输入字段，这个字段不能用欧芹插件进行验证，所以我编写了我的代码.
问题是如何同时检查validate = true和select2 inputs ===null.
我写道：
$(function() {
$('#myForm').submit(function(e) {
e.preventDefault();
if ( $(this).parsley('validate') ) {
if ($("#pa
浏览 1提问于2014-07-15得票数 0
回答已采纳
我有一个由Select2填充的输入。但是，当表单提交时，我无法访问字段的值(也就是说，没有带有Select2字段值的键)。
如何解决此问题，以便能够访问服务器端的Select2值？
<form method="POST">
<!-- this select is absent in POST params -->
<div id="sel"></div>
<!-- but this is present -->
<input type="hidden
浏览 1提问于2014-08-24得票数 1
回答已采纳
我使用LiveValidation进行客户端表单验证。
我还有一个多选择表单字段，其中应用了Select2。
问题是，如果我将Select2字段留为空(而不是选择任何内容)，那么我的表单将在按submit按钮后提交自己，而无需验证任何其他表单字段。
但是，如果我在Select2字段中选择了一些内容，并尝试提交表单，那么将尝试验证表单中的其他字段(包括Select2字段)，如果这些字段验证失败--表单不会提交并提示用户首先修复错误。
更新：，即使我从multiselect字段中删除Select2，当选择LiveValidation为空/空时，LiveValidation仍然跳过验证。
应用了带
浏览 6提问于2013-03-13得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
