Javascript 使用Jquery解析字符串

我有一个简单的选择菜单，包含所有国家及其城市在各自的选项值中列出。 该值还包含一些其他数据，例如

加拿大

的值为

+1 |}

我需要在更改国家/地区选择菜单时填写另一个选择菜单。
我不知道如何解析国家价值中列出的每个城市。
也许试试这个，idk，数据有点奇怪：

$('#country_residence').on('change', function () {
    var cities = $(this).val().split('$');
    $("#cities option").remove();
    for(var i = 1;i<cities.length;i++)
    {
     var city = String(cities[i]);
        if(city.indexOf("#")>-1)
            city = city.substring(0,city.indexOf("#"));


        $("#cities").append("<option>" + city + "</option>");
    }
});

$（'country\u residence'）。在（'change'，function（）{
var cities=$（this.val（）.split（“$”）；
$（“#城市选项”）.remove（）；
对于（变量i=1；i-1）
city=city.substring（0，city.indexOf（“#”）；
$（“#城市”）。追加（“+city+”）；
}
});

jsFiddle：
如果绝对没有其他方法来获取更干净的数据，我会在服务器端进行一些正则表达式匹配（尽管有点让人头疼），以过滤信息，然后将其解析为一个可用列表，以便与JSON一起使用

一、 首先，您不会尝试在客户端执行此操作。
jQuery没有任何字符串操作方法，您必须使用javascript方法来执行此操作format@charlietfl..
；/
。正在查找一些国家/城市数据库。