Add a Dropdown-pages field to the WordPress Customizer.

WP Customizer - Dropdown-pages

$wp_customize->add_setting( 'themeslug_dropdownpages_setting_id', array(
  'capability' => 'edit_theme_options',
  'sanitize_callback' => 'themeslug_sanitize_dropdown_pages',
) );

$wp_customize->add_control( 'themeslug_dropdownpages_setting_id', array(
  'type' => 'dropdown-pages',
  'section' => 'custom_section', // Add a default or your own section
  'label' => __( 'Custom Dropdown Pages' ),
  'description' => __( 'This is a custom dropdown pages option.' ),
) );

function themeslug_sanitize_dropdown_pages( $page_id, $setting ) {
  // Ensure $input is an absolute integer.
  $page_id = absint( $page_id );

  // If $page_id is an ID of a published page, return it; otherwise, return the default.
  return ( 'publish' == get_post_status( $page_id ) ? $page_id : $setting->default );
}

@ajskelton

sorry, I am just a learner till now. Still, I am unable how I can do it by javascript. If you can help it would be appreciated.

BTW thanks for your suggestion.

How can I instead of drop-down pages to drop-down custom links. Because I used custom links on my navbar