Skip to Content
Menu
This question has been flagged
1 Reply
845 Views

Hello,


I need to change values of field 2 depending on the selection of field 1.

Field 1: type

Field 2: category


<xpath expr="//div[2]" position="after">
<div class="form-group">
<label class="col-md-3 col-sm-4 control-label" for="type">Type</label>
<div class="col-md-7 col-sm-8">
<select class="form-control" id="type" name="type">
<t t-foreach="types" t-as="cate">
<option t-attf-value="#{cate.id}">
<t t-esc="cate.name"/>
</option>
</t>
</select>
</div>
</div>
</xpath>
<xpath expr="//div[4]" position="replace">
<div class="form-group">
<label class="col-md-3 col-sm-4 control-label" for="category">Category</label>
<div class="col-md-7 col-sm-8">
<select class="form-control" id="category" name="category" required="True">
<t t-foreach="category" t-as="cat">
<option>
<t t-esc="cat.name"/>
</option>
</t>
</select>
</div>
</div>
</xpath>


I would appreciate any explanation or example of how this type of action should be developed. Thank you
Avatar
Discard
Best Answer

Hi,

Try the below code.

In JS:-

$(document).ready(function()
   {
       $("select[name='type']").change(function(){
            var $category = $("select[name='category']");
            $category.find("option:not(:first)").hide();
            var nb=$category.find("option[data-type_id="+($(this).val() || 0)+"]").show().length;
            $category.val(0);
})
})

In XML

https://ibb.co/VxzSY0Z

Regards

Avatar
Discard
Related Posts Replies Views Activity
0
Oct 24
118
1
Apr 24
966
7
Sep 24
22448
1
Mar 24
277
0
Feb 24
413