Convert Your Dropdown into Radio Buttons

Here’s how you can turn your Dropdown/Select field into radio buttons. (This is only for single selection.)

Replace type in $('select[name="type"]'); with the external ID of your field.

var $select = $('select[name="type"]');

// Get the options from the select
var options = $select.find('option');

// Prepare an empty string to hold the radio buttons HTML
var radios = '';

// Loop through the options to create radio buttons
options.each(function() {
    var value = $(this).val();
    var isSelected = $(this).is(':selected'); // Check if option is selected by default

    if(value) { // Skip empty option
        // Create radio buttons, mark checked if option is selected
        radios += '<label><input type="radio" name="type" id="gi_2_66eadbcfbffd5-type" value="' + value + '"' + (isSelected ? ' checked' : '') + '> ' + value + '</label><br>';
    }
});


// Replace the select with the generated radio buttons
$select.parent().html(radios);