Телеграмм чат группы js

Так, вот код для показывания блока при изменении селекта
$('select.custom').change(event => {
const value = event.target.value;
$('.desc-form').hide();
$('.desc-form[data-id="'+value+'"]').show();
})

Следующий шаг какой?

источник

11:25пожаловаться

Valerii Skorokhod in JavaScript — русскоговорящее сообщество

Danila

Тебе нужно при изменении селекта найти .desc-form с data-id равным value выбраного опшена и сделать ему show?

у меня есть две кнопки id=1, id=2 , когда пользовает нажимает на них появляется попап и от зависимости кнопки подтягивается нужный блок, внутри этого попап есть select мы при нажатии можем туглить блок, проблема заключалась в том что бы в select пробрасывать id кнопки по какой кликнули

источник

11:26пожаловаться

A P in JavaScript — русскоговорящее сообщество

заработало короч?

источник

11:27пожаловаться

Danila in JavaScript — русскоговорящее сообщество

Valerii Skorokhod

Ооо, даже так. На этот вопрос не ответить без погружения в то, как там что у вас сделано. Ты можешь забрать id кнопки при клике в обработчике этого клика, например.

источник

11:27пожаловаться

Danila in JavaScript — русскоговорящее сообщество

Ты же уже имеешь этот ид где-то, в зависимости от него у тебя в окно что-то грузится, ты сам сказал

источник

11:27пожаловаться

Valerii Skorokhod in JavaScript — русскоговорящее сообщество

Danila

да, так и делаю но id кнопки не пробрасывается в value option

источник

11:28пожаловаться

Danila in JavaScript — русскоговорящее сообщество

Valerii Skorokhod

да, так и делаю но id кнопки не пробрасывается в value option

Ещё раз - без кода не ответить на твой вопрос

источник

11:28пожаловаться

Danila in JavaScript — русскоговорящее сообщество

Это жс, в нём одни и те же вещи можно сделать бесконечным количеством способов, я не знаю какой там у вас

источник

11:28пожаловаться

Valerii Skorokhod in JavaScript — русскоговорящее сообщество

function popUpMultiple () {
    jQuery('select.custom').on('change', function(e) {
        var optionVal = jQuery(this).val();
        // console.log(e);
        //jQuery('.desc-form').toggle();--------------------------
        //jQuery('select.custom[value='+pop+']')
        console.log(jQuery('select.custom[value='+pop+']'));
        jQuery('.desc-form').hide();
        var pop = e.target.value;
        // var i = jQuery('.pop-up-form').attr("id");
        // console.log(pop, i);
        //var ppp = jQuery('.desc-form[data-id=popup-'+i+']');
        // pppp = jQuery(ppp).data('id');

        // if (e.target.value == pppp) {
        // jQuery(ppp).toggle();
        jQuery('.desc-form[data-id='+pop+']').show();
        $('select.custom option:selected').attr('govno','jopa')



        //var o = new Option("option text", "value");
/// jquerify the DOM object 'o' so we can use the html method
        $(o).html("option text");
        $("select.custom").append(o);
    })
    jQuery('.popup').on('click', function() {
        var idButton = jQuery(this).attr("id");
        var addAtr = jQuery('.pop-up-form').attr("id", idButton);
        //$("select.custom").prepend( $('<option value="+pop+">zero</option>'));
        jQuery('.pop-up-form').each(function () {
            var blockDesc= jQuery(this);
            blockDesc.css({
                "opacity": "1",
                "visibility": "visible"
            })
        });

        jQuery('.desc-form').each(function () {
            const vm = jQuery(this);
            var dataIdPopUp = jQuery(this).data('id');
            if(dataIdPopUp === 'popup-' + idButton) {
                vm.show();

            } else {
                vm.hide();
            }

        })
    });
    jQuery('.close').on('click', function() {
        jQuery('.pop-up-form').each(function () {
            var blockDesc = jQuery(this);
            blockDesc.css({
                "opacity": "0",
                "visibility": "hidden"
            })
        })
    });
}

popUpMultiple ();