Add CMS Item (Image + Text) to Form Select Field

Design help Custom code
1

Hi everyone :slight_smile:

My client is wanting to have an international phone code dropdown in a form that only has a select list of countries. The dropdown will have a country flag + country phone code.

I’ve been following @PixelGeek 's wonderful tutorial (this one) but can’t figure out how to have both the country flag image + phone code appear as his script purely targets text as seen in the script below.

<script>

$('.app-form_country-code').each(function(){
	var code = $(this).text();
  $('.app-form_select.is-phone').append('<option value="'+code+'">'+code+'</option>');
})

</script>

Any help will be so appreciated!

Here is my public share link: https://preview.webflow.com/preview/venwise-4c008e152c21f6b03ba2cfe103eabf5?utm_medium=preview_link&utm_source=designer&utm_content=venwise-4c008e152c21f6b03ba2cfe103eabf5&preview=3d2e8b1db330ccb9f5cf2a4354bb053f&workflow=preview

4

@PixelGeek - Thanks for trying to answer in the live support :grinning: Buuut no one is helping me in the forum haha.