18910140161

JavaScript-如何根据bootstrap/CRISPY中的另一个选择字段值禁用输入字段?-堆栈溢出

顺晟科技

2022-10-18 14:16:36

125

我正在尝试根据在“操作”字段中选择的值停用existing_name字段我正在使用models.

py中的crispyaction字段的呈现选项
action = models.CharField(max_length=30,
                              choices=[('add', 'Add'), ('delete', 'Delete'), ('modify', 'Modify'),
                                       ('rename', 'Rename')])

我在StackOverfllow上检查了所有相同的问题,所有人都建议通过更改发生操作字段

的脚本来停用它。
{% extends "KPI_App/base.html" %}
{% load crispy_forms_tags %}

{% block content %}
<form action="" method="post" autocomplete="off" >
    {% csrf_token %}
        <div class="row">
            <div class="col-md-4 id='1'">{{form.action|as_crispy_field}}</div>
        </div>
        <div class="row">
            <div class="row id='existing_name' " >{{form.existing_name|as_crispy_field}}</div>


    <div class="row">
        <div class="col-md-8">
            <button type="submit" class="btn btn-success btn-block btn-lg"><i class="fas fa-database"></i> Submit</button>
        </div>
        <div class="col-md-4">
            <a href="{% url 'KPI_list' %}" class="btn btn-secondary btn-block btn-lg">
                <i class="fas fa-stream"></i> Back to List
            </a>
        </div>
    </div>
</form>
{% endblock content %}
<代码><;脚本>;$(document).ready(function(){$(";select[name=' action ']";)。ON(' Change ',函数(){if($(this).Val()==' 1 '){$(";input[name='现有_名称']";)。prop(";disabled";,false);}否则{$(";input[name='现有_名称']";)。prop(";disabled";,true);}});});<;/脚本>;

我无法为这些类分配ID并在脚本中

使用它

顺晟科技:

假设您的表单输入ID是Django的默认值:<script> $(document).ready(function(){ $("select[name='action']").on('change',function(){ if($(this).val()=='1'){ $("input[name='existing_name']").prop("disabled",false); }else{ $("input[name='existing_name']").prop("disabled",true); } }); }); </script> id_action

<代码>函数ToggleAction(){if($('#ID_操作:已选择').text()==";修改";){$('#ID_现有_名称').prop(' disabled ',false)}别的{$('#ID_现有_名称').prop(' disabled ',true)}}$(document).on('单击更改','#ID_操作',function(){切换操作()})$(document).ready(function(){切换操作();});
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航