Переключение переключателей в выпадающий список

Question

Я пытаюсь переключить переключатели в выпадающие списки с помощью css.Сайт построен на WordPress, но можно ли переключать переключатели на выпадающие списки, используя только CSS или мне нужно где-то добавить javascript?

Таким образом, моя конечная игра заключается в том, чтобы переключать переключатели «доставки» в выпадающий список.,У них есть свой собственный класс.

Когда я ищу, он возвращается к этому коду.Я что-то здесь упускаю или я должен забыть о выпадающем меню?

<div class="wcsatt-options-wrapper" <?php echo count( $options ) === 1 ? 'style="display:none;"' : '' ?>><?php

if ( $prompt ) {
    echo $prompt;
} else {
    ?><h3><?php
        _e( 'Choose a subscription plan:', 'woocommerce-subscribe-all-the-things' );
    ?></h3><?php
}

?><ul class="wcsatt-options-product"><?php
    foreach ( $options as $option ) {
        ?><li class="<?php echo esc_attr( $option[ 'class' ] ); ?>">
            <label>
                <input type="radio" name="convert_to_sub_<?php echo absint( $product_id ); ?>" data-custom_data="<?php echo esc_attr( json_encode( $option[ 'data' ] ) ); ?>" value="<?php echo esc_attr( $option[ 'value' ] ); ?>" <?php checked( $option[ 'selected' ], true, true ); ?> />
                <?php echo '<span class="' . esc_attr( $option[ 'class' ] ) . '-details">' . $option[ 'description' ] . '</span>'; ?>
            </label>
        </li><?php
    }
?></ul>

Answer 1

Попробуйте заменить тег "ul" следующим кодом.

<select class="anyting-you-wish" name="convert_to_sub_<?php echo absint( $product_id ); ?>">
    <?php foreach ( $options as $option ) { ?>
        $selected = ($option[ 'selected' ] == true ? 'selected="selected"' : null);
        <option data-custom_data="<?php echo esc_attr( json_encode( $option[ 'data' ] ) ); ?>" value="<?php echo esc_attr( $option[ 'value' ] ); ?>" <?php echo($selected); ?> >
            <?php echo($option[ 'description' ]); ?>
        </option>
    <?php } ?>
</select>

Пожалуйста, дайте мне знать, если это работает.