Skip to Content
Menu
Dette spørgsmål er blevet anmeldt
1 Svar
1467 Visninger

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
Kassér
Bedste svar

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
Kassér
Related Posts Besvarelser Visninger Aktivitet
1
jul. 25
1999
1
maj 25
2143
1
apr. 25
2502
1
feb. 25
1787
0
okt. 24
1519