Как передать значение, выбранной опции из одного созданного поля, в другое созданное поле?

Question

Денис

woocommerce

Как передать значение, выбранной опции из одного созданного поля, в другое созданное поле?

Как я могу создать другое поле и вывести значение выбранного поля radio с помощью PHP? И как я могу сделать так, чтобы при выборе опции в первом поле radio, значение второго поля также менялось? Прошу помощи! 

```php
add_action('woocommerce_before_checkout_billing_form', 'custom_radio_buttons_size');
function custom_radio_buttons_size() {
    
    echo '<div class="options_group">';
    woocommerce_form_field(
		'gift_wrap',
		array(
			'type' => 'radio',
			'class' => array( 'form-row-wide', 'update_totals_on_change' ),
			'options' => array(
				'1.5' => 'Nivel 1',
				'4' => 'Nivel 2',
				'8' => 'Nivel 3',
			),
		),
	);
	echo '</div>';
}
```

19 декабря 2023 г. 15:18

Ответы на вопрос 1

Похожие вопросы

Answer 1

Чтобы передать значение выбранной опции из одного поля в другое, вам нужно использовать JavaScript. Ниже приведен пример кода, который покажет, как это сделать:

```php
add_action('woocommerce_before_checkout_billing_form', 'custom_radio_buttons_size');
function custom_radio_buttons_size() {
    echo '<div class="options_group">';
    woocommerce_form_field(
		'gift_wrap',
		array(
			'type' => 'radio',
			'class' => array( 'form-row-wide', 'update_totals_on_change' ),
			'options' => array(
				'1.5' => 'Nivel 1',
				'4' => 'Nivel 2',
				'8' => 'Nivel 3',
			),
		),
	);
	echo '</div>';

	// Вывод второго поля
    echo '<div class="options_group">';
    woocommerce_form_field(
		'custom_field',
		array(
			'type' => 'text',
			'class' => array( 'form-row-wide' ),
			'label' => 'Выбранная опция',
		),
	);
    echo '</div>';

    // Добавление кода JavaScript
    ?>
    <script>
        jQuery(document).ready(function($){
            var selectedOption = $('input[name="gift_wrap"]:checked').val();
            $('input[name="gift_wrap"]').change(function(){
                selectedOption = $(this).val();
                $('input[name="custom_field"]').val(selectedOption);
            });
            $('input[name="custom_field"]').val(selectedOption);
        });
    </script>
    <?php
}
```

Теперь, когда пользователь выбирает опцию из первого поля radio, значение этой опции будет автоматически передаваться во второе поле text.