Question

特性

1. 带有初始值
2. 只能选择城市, 不可手工输入
3. 使用默认城市列表
4. 可指定name值, 可在直接form中使用

<label for="city">请选择城市</label>
<input id="city" type="text" class="city" />

require(['moye/City', 'jquery'], function (City, $) {
    
    var city = $('#city');

    new City({
        name: 'city',
        main: city[0],
        readOnly: true,
        value: '北京'
    }).render();
    
    // 触发城市选择展现
    city.trigger('click');

});

不使用默认城市

<label for="no-default-city">请选择城市</label>
<input id="no-default-city" type="text" class="no-default-city" />

require(['moye/City'], function (City) {

    var $ = require('jquery');

    $('.no-default-city').each(function () {

        var city = new City({
            main: this,
            autoFill: false
        });

        city.fill(''
            + '其他|'
            + '香港,澳门,台湾'
        );

        city.render();

    });

});