AutocompleteMobiledropdown:

```jsx
class AutocompleteMobiledropdownExample extends React.Component {
    constructor(){
        super();
        this.state={
            singleAutoSelectIconOption:[],
            countries:[],
            isSearchModalAutoOpenIcon:false,
            result:'',
            currentData:[],
            src11:''
            }
    }
    componentDidMount(){
        this.getMobileAutocompleteOptionsIcon();
    }

     getMobileAutocompleteOptionsIcon ()  {
        fetch('https://restcountries.eu/rest/v2/lang/es')
            .then(response => { return response.json(); })
            .then(data => {
                let result = data.map((lang) => {
                    return {
                        label: <div><img src={lang.flag} alt={lang.name} />+{lang.callingCodes}</div>,
                        value: lang.callingCodes,
                    };
                });
                this.setState({ countriesdata: result });
            });
    }
    onSingleAutoSelectOptionChangeIcon (singleAutoSelectIconOption)  {
        this.setState({ singleAutoSelectIconOption: singleAutoSelectIconOption });
        if (singleAutoSelectIconOption !== null) {
            this.setState({ isSearchModalAutoOpenIcon: false });
        } else {
            this.setState({ isSearchModalAutoOpenIcon: true });
        }
        this.setState({ currentData: singleAutoSelectIconOption });
        // this.closeModalAutocompleteMobileIcon();
        if (singleAutoSelectIconOption !== null) {
            singleAutoSelectIconOption.label.props.children.forEach((fact, index) => {
                if (index === 0) {
                    this.setState({ src11: fact.props.src });
                }
            });

            let count = '';
            singleAutoSelectIconOption.value.forEach((fact, index) => {
                count = count + fact;
                if (index === singleAutoSelectIconOption.value.length - 1) {
                    this.setState({ result: '+' + count });
                }
            });
        } else {
            this.setState({ src11: '', result: '' });
        }

    }
    openModalAutocompleteMobileIcon() {
        this.setState({ isSearchModalAutoOpenIcon: true });
    }
    crossHandlerAutocompleteMobileIcon() {
        this.setState({ isSearchModalAutoOpenIcon: false, singleAutoSelectIconOption: this.state.singleAutoSelectIconOption });
    }

    closeModalAutocompleteMobileIcon() {
        this.setState({ isSearchModalAutoOpenIcon: false });
    }

    render(){
        return(
        <div>
                        <h3>Mobile Autocomplete + (with Icon):</h3><br />
                        <div className='jp-mobile-autocomplte-icon'>
                            <span>CITY OF RESIDENCE</span>
                            <div role='presentation' className='jp-backoff'
                                onClick={this.openModalAutocompleteMobileIcon.bind(this)}
                            >
                                <span><img src={this.state.src11} alt='' height={25} width={25} /></span>
                                <span className='jp-number-ext'>{this.state.result !== null ? this.state.result : 'null'}</span>
                            </div>
                            <div>
                                <AutocompleteMobiledropdown
                                    value={this.state.singleAutoSelectIconOption}
                                    onChange={this.onSingleAutoSelectOptionChangeIcon.bind(this)}
                                    options={this.state.countriesdata}
                                    onCrossIcon={this.crossHandlerAutocompleteMobileIcon.bind(this)}
                                    disabled={false}
                                    clearable={false}
                                    placeholder=' '
                                    isSearchModalOpen={this.state.isSearchModalAutoOpenIcon}
                                    closeMobileModalSearch={this.state.closeModalAutocompleteMobileIcon} /><br />
                            </div>
                            </div>
                            </div>
)
    } 
}
;<AutocompleteMobiledropdownExample/>
```