Javascript 引导x-editable的自定义输入？

我们正在使用jQuery/bootstrap插件

我们无法解决的是定制显示， 基本上，我们将用户位置显示为

城市/国家

，例如

纳皮尔/新西兰

现在我们想要的是，当用户单击包含这些数据的可编辑文件时，我们需要一个具有 城市的

文本输入

，国家的

选择

。然后我们需要将其作为两个不同的密钥发送到服务器

{
    city: 'Napier',
    country: 'nz'
}

好吧，至少那是理想的，我们可以发送

值：'Napier | nz'

，我可以自己解决这部分，但我不知道如何在弹出框中显示两个不同的字段

---

这里是一个JSFIDLE游乐场：

检查x-editable，他们有一个包含多个字段的地址示例。这个JS的位置也许可以让你了解如何实现你的Scheer's，这让我迈出了正确的一步，下一个问题是。。。