Enabled country selection in readonly input

I think it will be useful if it will be some option to enable readonly mode for input while country dropdown continue working. Why I need this ? In my case I use 2 inputs with intlTelInput . First only for country code (that must be change only trough dropdown ) and use this settings

    nationalMode: false,
    autoHideDialCode: false,

and second for mobile number

  nationalMode: true,
  autoHideDialCode: false,

So to make first input disabled for editing we need to remove

 !that.telInput.prop("readonly")

from this lines

        selectedFlag.on("click" + this.ns, function(e) {
                // only intercept this event if we're opening the dropdown
                // else let it bubble up to the top ("click-off-to-close" listener)
                // we cannot just stopPropagation as it may be needed to close another instance
                if (that.countryList.hasClass("hide") && !that.telInput.prop("disabled") && !that.telInput.prop("readonly")) {
                    that._showDropdown();
                }
            });

[sbsurf]

+1. Would be very useful to use this control as a country + country code dropdown only.

[jackocnr]

Well then yes issue 317 will solve your problem because it will display the selected country code, and the user wont be able to edit it, and you’ll be able to use getSelectedCountryData to get the value. You can just hide the input as you wont need it.