Skip to Content
Odoo Menú
  • Registra entrada
  • Prova-ho gratis
  • Aplicacions
    Finances
    • Comptabilitat
    • Facturació
    • Despeses
    • Full de càlcul (IA)
    • Documents
    • Signatura
    Vendes
    • CRM
    • Vendes
    • Punt de venda per a botigues
    • Punt de venda per a restaurants
    • Subscripcions
    • Lloguer
    Imatges de llocs web
    • Creació de llocs web
    • Comerç electrònic
    • Blog
    • Fòrum
    • Xat en directe
    • Aprenentatge en línia
    Cadena de subministrament
    • Inventari
    • Fabricació
    • PLM
    • Compres
    • Manteniment
    • Qualitat
    Recursos humans
    • Empleats
    • Reclutament
    • Absències
    • Avaluacions
    • Recomanacions
    • Flota
    Màrqueting
    • Màrqueting Social
    • Màrqueting per correu electrònic
    • Màrqueting per SMS
    • Esdeveniments
    • Automatització del màrqueting
    • Enquestes
    Serveis
    • Projectes
    • Fulls d'hores
    • Servei de camp
    • Suport
    • Planificació
    • Cites
    Productivitat
    • Converses
    • Artificial Intelligence
    • IoT
    • VoIP
    • Coneixements
    • WhatsApp
    Aplicacions de tercers Odoo Studio Plataforma d'Odoo al núvol
  • Sectors
    Comerç al detall
    • Llibreria
    • Botiga de roba
    • Botiga de mobles
    • Botiga d'ultramarins
    • Ferreteria
    • Botiga de joguines
    Food & Hospitality
    • Bar i pub
    • Restaurant
    • Menjar ràpid
    • Guest House
    • Distribuïdor de begudes
    • Hotel
    Immobiliari
    • Agència immobiliària
    • Estudi d'arquitectura
    • Construcció
    • Property Management
    • Jardineria
    • Associació de propietaris de béns immobles
    Consultoria
    • Empresa comptable
    • Partner d'Odoo
    • Agència de màrqueting
    • Bufet d'advocats
    • Captació de talent
    • Auditoria i certificació
    Fabricació
    • Textile
    • Metal
    • Mobles
    • Menjar
    • Brewery
    • Regals corporatius
    Salut i fitness
    • Club d'esport
    • Òptica
    • Centre de fitness
    • Especialistes en benestar
    • Farmàcia
    • Perruqueria
    Trades
    • Servei de manteniment
    • Hardware i suport informàtic
    • Sistemes d'energia solar
    • Shoe Maker
    • Serveis de neteja
    • Instal·lacions HVAC
    Altres
    • Nonprofit Organization
    • Agència del medi ambient
    • Lloguer de panells publicitaris
    • Fotografia
    • Lloguer de bicicletes
    • Distribuïdors de programari
    Browse all Industries
  • Comunitat
    Aprèn
    • Tutorials
    • Documentació
    • Certificacions
    • Formació
    • Blog
    • Pòdcast
    Potenciar l'educació
    • Programa educatiu
    • Scale-Up! El joc empresarial
    • Visita Odoo
    Obtindre el programari
    • Descarregar
    • Comparar edicions
    • Novetats de les versions
    Col·laborar
    • GitHub
    • Fòrum
    • Esdeveniments
    • Traduccions
    • Converteix-te en partner
    • Services for Partners
    • Registra la teva empresa comptable
    Obtindre els serveis
    • Troba un partner
    • Troba un comptable
    • Contacta amb un expert
    • Serveis d'implementació
    • Referències del client
    • Suport
    • Actualitzacions
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Programar una demo
  • Preus
  • Ajuda
You need to be registered to interact with the community.
All Posts People Badges
Etiquetes (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Etiquetes (View all)
odoo accounting v14 pos v15
About this forum
Ajuda

write onchange fields at website forms in odoo v12 using javascript( )

Subscriure's

Get notified when there's activity on this post

This question has been flagged
javascriptforms
1 Respondre
7564 Vistes
Avatar
paidy kumar

please correct my javascript code.in xml file
template.xml


<template id="openeducat_create_subject_registration" name="Create Subject Registration">
        <t t-call="portal.portal_layout">

            <t t-call="portal.portal_searchbar">
                <t t-set="title">Subject Registration Form</t>
            </t>
            <t t-if="not student_id">
                <p>There are currently no information for your account!!!</p>
            </t>

            <div t-if="student_id" style="background-color:white; padding: 20px 40px 20px 40px;">
                <div class="mt32">
                    <form action="/subject/registration/submit" method="post" role="form"
                          enctype="multipart/form-data">
                        <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
                        <div class="row col-md-12">
                            <div class="row col-md-6">
                                <input type="hidden" name="student_id" t-attf-class="form-control"
                                       t-att-value="student_id.id"/>
                                <div class="col-md-4 mt8">
                                    <lable for="course_id">Course:</lable>
                                </div>
                                <div class="col-md-8">
                                    <select id="course_dropdown" class="form-control" name="course_id"
                                            onchange="myFunction()">
                                        <option value="" class="disabled selected">
                                            <lable>Select your option</lable>
                                        </option>
                                        <t t-foreach="course" t-as="course_id">
                                            <option t-att-value="course_id.id">
                                                <t t-esc="course_id.name"/>
                                            </option>
                                        </t>
                                    </select>
                                </div>
                                <script>
                                    function myFunction() {

                                    odoo.define("op.batch", function (require) {

                                    var rpc = require('web.rpc');
                                    var course = document.getElementById("course_dropdown");

                                    rpc.query({

                                    model: 'op.batch',

                                    }).then(function (data) {

                                    for(i in data){
                                    alert(i);
                                    document.getElementById("batch_id").value = i.name;}

                                    });

                                    });

                                    }
                                </script>
                                <div class="col-md-4 mt16">
                                    <lable for="batch_id">Batch:</lable>
                                </div>
                                <div class="col-md-8 mt8">
                                    <select class="form-control" name="batch_id">
                                        <option value="" class="disabled selected">
                                            <lable>Select your option</lable>
                                        </option>
                                        <option>
                                            <t id="batch_id" t-esc="batch_id"/>
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="row col-md-6">
                                <div class="col-md-6 mt8">
                                    <lable for="min_unit_load">Minimum Unit Load:</lable>
                                </div>
                                <div class="col-md-6">
                                    <input type="number" name="min_unit_load" t-attf-class="form-control"
                                           t-attf-value="student_id.min_unit_load"/>
                                </div>
                                <div class="col-md-6 mt16">
                                    <lable for="max_unit_load">Maximum Unit Load:</lable>
                                </div>
                                <div class="col-md-6 mt8">
                                    <input type="number" name="max_unit_load" t-attf-class="form-control"
                                           t-attf-value="student_id.max_unit_load"/>
                                </div>
                            </div>
                        </div>
                        <div class="mt32"/>
                        <div t-if="user_id.sudo().is_student" class="row col-md-12">
                            <div class="col-md-2 mt8">
                                <lable for="compulsory_subject_ids">Compulsory Subjects:</lable>
                            </div>
                            <div class="col-md-10" style="padding-left: 5px;">
                                <select class="form-control js-example-basic-multiple subjects"
                                        name="compulsory_subject_ids" multiple="True" required="1">
                                    <t t-foreach="subjects or []" t-as="subject">
                                        <t t-if="subject.subject_type == 'compulsory'">
                                            <option t-att-value="subject.id">
                                                <t t-esc="subject.name"/>
                                            </option>
                                        </t>
                                    </t>
                                </select>
                            </div>
                        </div>
                        <div t-if="user_id.sudo().is_student" class="row mt8 col-md-12">
                            <div class="col-md-2 mt8">
                                <lable for="elective_subject_ids">Elective Subjects:</lable>
                            </div>
                            <div class="col-md-10" style="padding-left: 5px;">
                                <select class="form-control js-example-basic-multiple subjects"
                                        name="compulsory_subject_ids" multiple="True" required="1">
                                    <t t-foreach="subjects or []" t-as="subject">
                                        <t t-if="subject.subject_type == 'elective'">
                                            <option t-att-value="subject.id">
                                                <t t-esc="subject.name"/>
                                            </option>
                                        </t>
                                    </t>
                                </select>
                            </div>
                        </div>
                        <div class="clearfix mb16 mt16 row col-md-12">
                            <div class="col-md-4">
                                <button type="submit" class="btn btn-primary">
                                    SUBMIT
                                    <span class="fa fa-long-arrow-right"/>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </t>
    </template>

model.py file all fields are available here.

 class OpSubjectRegistration(models.Model):
         _name = "op.subject.registration"
         _inherit = ["mail.thread"]

         name = fields.Char('Name', readonly=True, default='New')
         student_id = fields.Many2one('op.student', 'Student', required=True,
                             track_visibility='onchange')
         course_id = fields.Many2one('op.course', 'Course', required=True,
                            track_visibility='onchange')
         batch_id = fields.Many2one('op.batch', 'Batch', required=True,
                           track_visibility='onchange')
         compulsory_subject_ids = fields.Many2many(
    'op.subject', 'subject_compulsory_rel',
    'register_id', 'subject_id', string="Compulsory Subjects",
    readonly=True)
         elective_subject_ids = fields.Many2many(
    'op.subject', string="Elective Subjects")
         state = fields.Selection([
    ('draft', 'Draft'), ('submitted', 'Submitted'),
    ('approved', 'Approved'), ('rejected', 'Rejected')],
    default='draft', string='state', copy=False,
    track_visibility='onchange')
        max_unit_load = fields.Float('Maximum Unit Load',
                             track_visibility='onchange')
        min_unit_load = fields.Float('Minimum Unit Load',
                             track_visibility='onchange')

template.xml file "student subject registration form" if i select "course" baesd on course field value batch shoul be update.

    <template id="openeducat_create_subject_registration" name="Create Subject Registration">
        <t t-call="portal.portal_layout">

            <t t-call="portal.portal_searchbar">
                <t t-set="title">Subject Registration Form</t>
            </t>
            <t t-if="not student_id">
                <p>There are currently no information for your account!!!</p>
            </t>

            <div t-if="student_id" style="background-color:white; padding: 20px 40px 20px 40px;">
                <div class="mt32">
                    <form action="/subject/registration/submit" method="post" role="form"
                          enctype="multipart/form-data">
                        <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
                        <div class="row col-md-12">
                            <div class="row col-md-6">
                                <input type="hidden" name="student_id" t-attf-class="form-control"
                                       t-att-value="student_id.id"/>
                                <div class="col-md-4 mt8">
                                    <lable for="course_id">Course:</lable>
                                </div>
                                <div class="col-md-8">
                                    <select id="course_dropdown" class="form-control" name="course_id"
                                            onchange="myFunction()">
                                        <option value="" class="disabled selected">
                                            <lable>Select your option</lable>
                                        </option>
                                        <t t-foreach="course" t-as="course_id">
                                            <option t-att-value="course_id.id">
                                                <t t-esc="course_id.name"/>
                                            </option>
                                        </t>
                                    </select>
                                </div>
                                <script>
                                    function myFunction() {

                                    odoo.define("op.batch", function (require) {

                                    var rpc = require('web.rpc');
                                    var course = document.getElementById("course_dropdown");

                                    rpc.query({

                                    model: 'op.batch',

                                    }).then(function (data) {

                                    for(i in data){
                                    alert(i);
                                    document.getElementById("batch_id").value = i.name;}

                                    });

                                    });

                                    }
                                </script>
                                <div class="col-md-4 mt16">
                                    <lable for="batch_id">Batch:</lable>
                                </div>
                                <div class="col-md-8 mt8">
                                    <select class="form-control" name="batch_id">
                                        <option value="" class="disabled selected">
                                            <lable>Select your option</lable>
                                        </option>
                                        <option>
                                            <t id="batch_id" t-esc="batch_id"/>
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="row col-md-6">
                                <div class="col-md-6 mt8">
                                    <lable for="min_unit_load">Minimum Unit Load:</lable>
                                </div>
                                <div class="col-md-6">
                                    <input type="number" name="min_unit_load" t-attf-class="form-control"
                                           t-attf-value="student_id.min_unit_load"/>
                                </div>
                                <div class="col-md-6 mt16">
                                    <lable for="max_unit_load">Maximum Unit Load:</lable>
                                </div>
                                <div class="col-md-6 mt8">
                                    <input type="number" name="max_unit_load" t-attf-class="form-control"
                                           t-attf-value="student_id.max_unit_load"/>
                                </div>
                            </div>
                        </div>
                        <div class="mt32"/>
                        <div t-if="user_id.sudo().is_student" class="row col-md-12">
                            <div class="col-md-2 mt8">
                                <lable for="compulsory_subject_ids">Compulsory Subjects:</lable>
                            </div>
                            <div class="col-md-10" style="padding-left: 5px;">
                                <select class="form-control js-example-basic-multiple subjects"
                                        name="compulsory_subject_ids" multiple="True" required="1">
                                    <t t-foreach="subjects or []" t-as="subject">
                                        <t t-if="subject.subject_type == 'compulsory'">
                                            <option t-att-value="subject.id">
                                                <t t-esc="subject.name"/>
                                            </option>
                                        </t>
                                    </t>
                                </select>
                            </div>
                        </div>
                        <div t-if="user_id.sudo().is_student" class="row mt8 col-md-12">
                            <div class="col-md-2 mt8">
                                <lable for="elective_subject_ids">Elective Subjects:</lable>
                            </div>
                            <div class="col-md-10" style="padding-left: 5px;">
                                <select class="form-control js-example-basic-multiple subjects"
                                        name="compulsory_subject_ids" multiple="True" required="1">
                                    <t t-foreach="subjects or []" t-as="subject">
                                        <t t-if="subject.subject_type == 'elective'">
                                            <option t-att-value="subject.id">
                                                <t t-esc="subject.name"/>
                                            </option>
                                        </t>
                                    </t>
                                </select>
                            </div>
                        </div>
                        <div class="clearfix mb16 mt16 row col-md-12">
                            <div class="col-md-4">
                                <button type="submit" class="btn btn-primary">
                                    SUBMIT
                                    <span class="fa fa-long-arrow-right"/>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </t>
    </template>

model.py file all fields are available here.

    class OpSubjectRegistration(models.Model):
         _name = "op.subject.registration"
         _inherit = ["mail.thread"]

         name = fields.Char('Name', readonly=True, default='New')
         student_id = fields.Many2one('op.student', 'Student', required=True,
                             track_visibility='onchange')
         course_id = fields.Many2one('op.course', 'Course', required=True,
                            track_visibility='onchange')
         batch_id = fields.Many2one('op.batch', 'Batch', required=True,
                           track_visibility='onchange')
         compulsory_subject_ids = fields.Many2many(
    'op.subject', 'subject_compulsory_rel',
    'register_id', 'subject_id', string="Compulsory Subjects",
    readonly=True)
         elective_subject_ids = fields.Many2many(
    'op.subject', string="Elective Subjects")
         state = fields.Selection([
    ('draft', 'Draft'), ('submitted', 'Submitted'),
    ('approved', 'Approved'), ('rejected', 'Rejected')],
    default='draft', string='state', copy=False,
    track_visibility='onchange')
        max_unit_load = fields.Float('Maximum Unit Load',
                             track_visibility='onchange')
        min_unit_load = fields.Float('Minimum Unit Load',
                             track_visibility='onchange')

please help me to do this i am stucking at javascript code how to do this using javascript how to take model records and perform operations.

controller.py ....................................

@http.route('/subject/registration/create/', type='http', auth='public', website=True)
def subject_registration(self, **kw):
students = request.env['op.student'].sudo().search([('user_id', '=', request.session.uid)])
for student in students:
student_id = request.env['op.subject.registration'].sudo().search([('student_id', '=', student.name)])
course = request.env['op.course'].sudo().search([])
subjects = request.env['op.subject'].sudo().search([])
values = {
'student_id': student_id,
'course': course,
'subjects': subjects,
}
return request.render("portal_student.openeducat_create_subject_registration", values)


1
Avatar
Descartar
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Best Answer

Hi

Can you try the following code,

<script>
   function myFunction() {
var courseDropdown = document.getElementById("course_dropdown");
var batchDropdown = document.getElementById("batch_dropdown");
   var selectedCourseId = courseDropdown.value;
   odoo.define("op.batch", function (require) {
      var rpc = require('web.rpc');
     rpc.query({
     model: 'op.batch',
      domain: [['course_id', '=', parseInt(selectedCourseId)]],
      }).then(function (data) {
         batchDropdown.innerHTML = ""; // Clear previous options
         for (var i = 0; i < data.length; i++) {
var option = document.createElement("option");
             option.value = data[i].id;
             option.text = data[i].name;
batchDropdown.appendChild(option);
         }
     });
    });
    }
</script>





Hope it helps

0
Avatar
Descartar
Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Registrar-se
Related Posts Respostes Vistes Activitat
[[✦『Guía☎『Volaris』☎México』✦]]0536 ¿Cómo hablar con un asesor Volaris México?
javascript
Avatar
0
d’abr. 26
18
Odoo Chatter Edit/Create Permissions With Only Model Read?
javascript
Avatar
0
d’abr. 26
7
Display outstanding invoices
javascript
Avatar
0
de març 26
5
Error While Installing Accounting Module in Odoo 19 Enterprise (Works on Another PC)
javascript
Avatar
0
de nov. 25
195
Cannot import @website_sale/js/utils
javascript
Avatar
Avatar
2
de nov. 25
2031
Community
  • Tutorials
  • Documentació
  • Fòrum
Codi obert
  • Descarregar
  • GitHub
  • Runbot
  • Traduccions
Serveis
  • Allotjament a Odoo.sh
  • Suport
  • Actualització
  • Desenvolupaments personalitzats
  • Educació
  • Troba un comptable
  • Troba un partner
  • Converteix-te en partner
Sobre nosaltres
  • La nostra empresa
  • Actius de marca
  • Contacta amb nosaltres
  • Llocs de treball
  • Esdeveniments
  • Pòdcast
  • Blog
  • Clients
  • Informació legal • Privacitat
  • Seguretat
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk Slovenščina Español (América Latina) Español Svenska ภาษาไทย Türkçe українська Tiếng Việt

Odoo és un conjunt d'aplicacions empresarials de codi obert que cobreix totes les necessitats de la teva empresa: CRM, comerç electrònic, comptabilitat, inventari, punt de venda, gestió de projectes, etc.

La proposta única de valor d'Odoo és ser molt fàcil d'utilitzar i estar totalment integrat, ambdues alhora.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now