How to get Selected categories ids by jquery in product add/edit page

Question

I want to get categories ids from the select box which are selected in the product add/edit time on the admin side by Jquery.

I tried to get value from the hidden box but not able to find a hidden box for selected categories id in product form.

Answer 1

It's a UI component so we need to get it via uiRegistry and then get the value:

uiRegistry.get('product_form.product_form.product-details.container_category_ids.category_ids').value();

And put 'uiRegistry' as one of the dependencies of my js file. Below are the full code of my js file

require([
    'jquery',
    'uiRegistry'
], function ($,uiRegistry) {
    'use strict';
    jQuery(document).ready(function () {
       var category_ids=uiRegistry.get('product_form.product_form.product-details.container_category_ids.category_ids').value();

    });
});