TWzipcode.js

GitHub developement production

<script src="/path/twzipcode.js"></script>

npm install twzipcode.js

HTML

<-- /*  */-->
<div class="twzipcode"></div>

<--/*  */-->
<div class="twzipcode">
    <select data-role="county" ></select>
    <select data-role="district"></select>
    <input type="hidden" data-role="zipcode" />
</div>

Javascript

/**  .twzipcode */
const twzipcode = new TWzipcode();

/**  &  */
const twzipcode = new TWzipcode({...});

/**  &  */
const twzipcode = new TWzipcode('.hello-world', {...});

/** Element  NodeList */
const twzipcode = new TWzipcode(document.querySelectorAll('.hello-world'));

.nth()

.nth()

@param {String|number} id
@return {TWzipcode}

let foo = twzipcode.nth(string|number id);

//  1 
let foo = twzipcode.nth(0);

// 
let foo = twzipcode.nth();

.get()

@param {String|Object} value
@return {Object|Array|String}

let result = twzipcode.get();
// output:
{
    "zipcode": "100",
    "county": "",
    "district": ""
}

// 
let result = twzipcode.get("zipcode");
// output: 106

// 
let result = twzipcode.get(["county", "zipcode"]);
// output:
{
    "county": "",
    "zipcode": ""
}

.set()

@param {Object|String} [key]
@return {TWzipcode}

// 
// 
twzipcode.set("106");

// 
twzipcode.set({
    "county": "",
    "district": ""
});

.serialize()

serialize

@return {String}

let result = twzipcode.serialize();
// Output: county=COUNTY&district=DISTRICT&=zipcode=ZIPCODE...

.isIslands()

( options.islands_key)

@param  {Array}  [islands_name]
@return {Boolean}

let is_island = twzipcode.isIslands();
// output true|false

// 
let is_island = twzipcode.isIslands(["", ""]);

.parseAddress()

{
    county: {
        name: "(string)  `county`",
        css: "(string) ",
        label: "(string) ",
        value: "(string) ",
        hidden: "(Boolean|String|Array)  false"
        onChange: "(Function) onChange event"
    },
    district: {
        name: "(string)  `district`",
        css: "(string) ",
        label: "(string) ",
        value: "(string) ",
        hidden: "(Boolean|String|Array)  false"
        onChange: "(Function) onChange event"
    },
    zipcode: {
        name: "(string)  `zipcode`",
        css: "(string) ",
        value: "(string) ",
        onKeyup: "(Function) onKeyup event"
    },
    combine: "(bool)  true",
    islands_key: "(array)  ['', '', '', '', '', '']",
    islands_hidden: "(bool)  true"
}